@import"https://fonts.googleapis.com/css2?family=MuseoModerno:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:MuseoModerno,sans-serif;margin:0;padding:0;box-sizing:border-box;transition:all .3s;outline:none;text-decoration:none}.page-not-found{background-image:radial-gradient(farthest-corner at center,#333 33%,#000 150%);width:100%;min-height:100vh;max-height:100vh;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.page-not-found h1{font-size:80px}.page-not-found p{margin-top:5px}.page-not-found a{color:#ff0090;margin-top:20px}.page-not-found a:hover{color:#e962ae}.page-not-found span{position:absolute;bottom:20px;color:#888;font-size:500}.component-header{position:absolute;top:0;left:0;z-index:10;width:100%;height:50px;display:flex;align-items:center;padding:0 10px}.component-header.home-header{background-color:#333}.component-header .logo a{color:#fff;display:flex;align-items:center;gap:7px}.component-header .logo a img{width:30px}.component-header .logo a span{position:relative}.component-header .logo a span sup{font-size:11px}.component-header .gg-ad{position:absolute;height:100%;width:728px;left:50%;transform:translate(-50%)}@media screen and (max-width:800px){.component-header{height:50px;position:relative;justify-content:center;align-items:flex-start;row-gap:0;padding:0;background-color:transparent!important}.component-header .logo{position:relative;width:100%;height:50px;background-color:#333;display:flex;align-items:center;padding:0 10px}.component-header .gg-ad{position:absolute;width:100%;height:50px;background-color:red;position:relative;display:none}.component-header{flex-direction:column}}.page-home{display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:1366px;height:100vh;margin:0 auto;padding-top:50px}.page-home .left-side-images,.page-home .right-side-images{width:23%;height:607px;padding-top:50px}.page-home .left-side-images .animated-image,.page-home .right-side-images .animated-image{position:relative;height:50%;width:100%}.page-home .left-side-images .animated-image.img-1,.page-home .right-side-images .animated-image.img-1{transform:translate(70px,20px) rotate(-4deg);z-index:1}.page-home .left-side-images .animated-image.img-2,.page-home .right-side-images .animated-image.img-2{transform:translate(5px,-50px) rotate(4deg)}.page-home .left-side-images .animated-image.img-3,.page-home .right-side-images .animated-image.img-3{transform:translate(-70px,20px) rotate(4deg);z-index:1}.page-home .left-side-images .animated-image.img-4,.page-home .right-side-images .animated-image.img-4{transform:translate(-5px,-50px) rotate(-4deg)}.page-home .left-side-images .animated-image div,.page-home .right-side-images .animated-image div{position:absolute;width:100%;height:225px;border:8px solid #fff;background-color:#fff;-webkit-background-size:101% 101%;-moz-background-size:101% 101%;background-size:101% 101%;background-position:50% 50%;background-repeat:no-repeat;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);-moz-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px #0000001a}.page-home .left-side-images .animated-image div.changing,.page-home .right-side-images .animated-image div.changing{animation:imageChange 2s ease-in-out}@keyframes imageChange{0%{opacity:1}20%{opacity:0}50%{opacity:0}80%{opacity:1}to{opacity:1}}.page-home .middle-side{width:54%;height:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:10px 30px}.page-home .middle-side .middle-logo h1{text-align:center;font-size:70px;display:flex;justify-content:center;align-items:flex-end;line-height:1;gap:5px}.page-home .middle-side .middle-logo h1 .h1-img{background-color:#000;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.page-home .middle-side .middle-logo h1 .h1-img img{position:relative;width:30px;animation:an 2s infinite linear}@keyframes an{0%{left:0;top:-5px}25%{left:5px}50%{top:5px;left:0}75%{left:-5px}to{top:-5px;left:0;transform:rotate(360deg)}}.page-home .middle-side .middle-logo h1:first-child{color:#ef007f}.page-home .middle-side p{color:#333;margin-top:10px}.page-home .middle-side .button{margin-top:15px;position:relative;display:inline-block;height:50px;max-width:400px;cursor:pointer;color:#fff;box-shadow:0 5px 20px #0003;transition:top 20ms ease-out,box-shadow 20ms ease-out;border-radius:5px}.page-home .middle-side .button .arrow{width:50px;height:50px;background-position:50% 50%;background-repeat:no-repeat;background-image:url(/assets/images/arrow.svg);float:left}.page-home .middle-side .button p{color:#fff;font-size:19px;font-weight:700;margin-left:50px;padding-left:14px;padding-right:18px;border-left:2px solid rgba(0,0,0,.1);pointer-events:none}.page-home .middle-side .hot-pink{background-color:#ff0090}.page-home .middle-side .gg-banner-ad{width:100%;height:260px;margin-top:30px;display:none}@media screen and (max-width:1280px){.page-home .left-side-images .animated-image.img-2,.page-home .left-side-images .animated-image.img-4,.page-home .right-side-images .animated-image.img-2,.page-home .right-side-images .animated-image.img-4{display:none}}@media screen and (max-width:800px){.page-home{flex-direction:column;overflow:auto;height:auto;padding:20px 0}.page-home .right-side-images{margin-top:10px}.page-home .left-side-images,.page-home .right-side-images{width:100%!important;height:auto;display:flex;justify-content:center;padding-top:0}.page-home .left-side-images .animated-image,.page-home .right-side-images .animated-image{width:180px;height:170px}.page-home .left-side-images .animated-image div,.page-home .right-side-images .animated-image div{position:relative;width:180px;height:170px}.page-home .left-side-images .animated-image.img-2,.page-home .left-side-images .animated-image.img-4,.page-home .right-side-images .animated-image.img-2,.page-home .right-side-images .animated-image.img-4{display:inline-block!important}.page-home .left-side-images .animated-image.img-1,.page-home .right-side-images .animated-image.img-1{transform:translate(-5px) rotate(-4deg);z-index:1}.page-home .left-side-images .animated-image.img-2,.page-home .right-side-images .animated-image.img-2{transform:translate(-5px) rotate(4deg)}.page-home .left-side-images .animated-image.img-3,.page-home .right-side-images .animated-image.img-3{transform:translate(-5px) rotate(4deg);z-index:1}.page-home .left-side-images .animated-image.img-4,.page-home .right-side-images .animated-image.img-4{transform:translate(-5px) rotate(-4deg)}.page-home .middle-side{width:100%!important}}.error-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.error-message{background:#fff;padding:30px;border-radius:15px;text-align:center;max-width:400px;width:90%}.error-icon{font-size:48px;margin-bottom:15px}.error-message h3{margin:0 0 10px;color:#e74c3c}.error-message p{margin:0 0 20px;color:#666;line-height:1.5}.retry-button,.close-error-button{padding:10px 20px;margin:5px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.retry-button{background:#3498db;color:#fff}.close-error-button{background:#95a5a6;color:#fff}.error-container{display:flex;align-items:center;justify-content:center;height:100%;background:#f8f9fa}.error-content{text-align:center;padding:20px}.camera-icon{font-size:64px;margin-bottom:20px}.error-content h3{margin:0 0 10px;color:#2c3e50}.error-content p{margin:0;color:#7f8c8d;line-height:1.5}.camera-overlay{position:fixed;left:0;width:100%;height:calc(100% - 50px);background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);top:50px}.camera-container{width:100%;max-width:55%;height:100%;position:relative;z-index:1001}.camera-header{padding:10px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1002;position:absolute;width:100%}.header-buttons{display:flex;gap:10px}.close-button,.settings-button,.filters-button{background:#ef007f;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1003;transition:all .3s}.close-button:hover,.settings-button:hover,.filters-button:hover{background:#ffffff4d;transform:scale(1.1)}.filters-menu{position:absolute;top:0;right:0;background:#000000f2;padding:10px;z-index:1004;width:22.5%;max-height:100%;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filters-menu .close-filter{color:#000;background-color:#fff;text-align:center;margin-bottom:5px;display:none}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s}.filter-item:hover{background:#ffffff1a}.filter-item.active{background:#fff3;border:2px solid #007bff}.filter-preview{width:50px;height:50px;border-radius:8px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);margin-bottom:5px;border:2px solid rgba(255,255,255,.3)}.filter-name{color:#fff;font-size:10px;text-align:center;font-weight:500}.settings-menu{width:22.5%;height:100%;position:absolute;top:0;left:0;background:#000000f2;padding:15px;z-index:1004;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.settings-item{margin:12px 0}.settings-item label{display:flex;align-items:center;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.settings-item label input{margin-right:12px;width:16px;height:16px}.back-settings-item{position:absolute;bottom:20px;background-color:#fff;color:#000;width:50%;left:50%;transform:translate(-50%);text-align:center;border-radius:2px;display:none}.video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.video-container.square-mode{width:400px;height:400px;margin:0 auto;border-radius:0}.video-container.square-mode .camera-video{object-fit:cover;width:100%;height:100%}.camera-video{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:#000;z-index:100}.preview-container{width:70%;height:70%;display:flex;justify-content:center;align-items:center;transform:rotate(-3deg);border:11px solid #fff;position:absolute;top:50px}.preview-container .full-screen-btn{position:absolute;bottom:20px;right:20px;background-color:#ef007f;width:50px;height:50px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer}.preview-container .full-screen-btn img{width:30px}.preview-container.full{width:100%;height:100%;transform:rotate(0);top:0;left:0;position:fixed;border:none;z-index:999999}.preview-container.full .full-screen-btn{width:70px;height:70px}.preview-image{width:100%;height:100%;object-fit:contain;background:#000;transform:scaleX(-1)}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000b3;z-index:101}.countdown-number{font-size:120px;color:#fff;font-weight:700;text-shadow:0 0 20px rgba(255,255,255,.5);animation:pulse 1s infinite}.flash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:10000;animation:flash .3s ease-out;pointer-events:none}@keyframes flash{0%{opacity:1}50%{opacity:.95}to{opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.camera-controls{padding:20px;display:flex;align-items:center;justify-content:center;gap:20px;position:absolute;z-index:1002;bottom:0;width:100%}.camera-controls.preview-controls{width:100%;justify-content:space-between}.camera-controls.preview-controls p{color:#fff}.camera-controls.preview-controls .button{height:50px;width:150px!important;cursor:pointer;color:#fff;box-shadow:0 5px 20px #0003;transition:top 20ms ease-out,box-shadow 20ms ease-out;border-radius:5px;display:flex;justify-content:center;align-items:center;position:relative}.camera-controls.preview-controls .button.back-button .arrow{transform:rotate(180deg);border-left:2px solid rgba(0,0,0,.1)}.camera-controls.preview-controls .button.download-button .arrow{border-top:2px solid rgba(0,0,0,.1);transform:rotate(90deg)}.camera-controls.preview-controls .button .arrow{position:absolute;left:0;width:50px;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-image:url(/assets/images/arrow.svg);border-right:2px solid rgba(0,0,0,.1)}.camera-controls.preview-controls .button p{color:#fff;font-size:19px;font-weight:700;margin-left:50px;pointer-events:none}.camera-controls.preview-controls .hot-pink{background-color:#ff0090}.camera-controls button{background-color:#ef007f!important;width:80px;height:50px;border-radius:7px}.camera-controls button img{width:25px}.control-button{padding:15px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:20px;cursor:pointer;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative;z-index:1003}.control-button:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.control-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.capture-button{background:#ef007f;width:70px;height:70px;font-size:24px}.capture-button:hover:not(:disabled){background:#0056b3;transform:scale(1.1)}.filters-toggle{background:#fff3}.filters-toggle:hover{background:#ffffff4d}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-overlay:fullscreen{width:100vw;height:100vh}.camera-overlay:fullscreen .camera-container{max-width:100%;width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.camera-overlay:fullscreen .video-container{height:calc(100vh - 140px);flex:1}.camera-overlay:fullscreen .video-container.square-mode{width:min(80vh,80vw);height:min(80vh,80vw);margin:auto}.camera-overlay:fullscreen .camera-controls{padding:30px}.camera-overlay:fullscreen .filters-menu{max-height:60vh}@media screen and (min-width:1600px){.settings-menu .settings-item input{width:25px;height:25px}.settings-menu .settings-item label{font-size:20px!important}.filters-menu .filter-item .filter-preview,.filters-menu .filter-item .filter-name{font-size:18px}}@media(max-width:768px){.camera-container{max-width:100%;height:100%;border-radius:0}.video-container{height:calc(100vh - 140px)}.video-container.square-mode{width:min(90vw,90vh);height:min(90vw,90vh)}.countdown-number{font-size:80px}.filters-grid{grid-template-columns:repeat(2,1fr)}.filters-menu{max-width:250px}.filters-menu .close-filter{display:block}.camera-controls.preview-controls{flex-direction:column}.back-settings-item{display:block}}@media(min-width:769px){.switch-camera{display:none!important}}@media screen and (max-width:500px){.filters-grid{grid-template-columns:repeat(1,1fr)}.filters-menu{padding:7px}}