@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden}.video-container.hide-cursor *{cursor:none!important}.error-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a11cb,#2575fc);z-index:1000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.error-background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.shape{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%}.shape-1{width:300px;height:300px;top:-150px;left:-150px;animation:floatAnimation 15s infinite ease-in-out}.shape-2{width:500px;height:500px;bottom:-250px;right:-250px;animation:floatAnimation 20s infinite ease-in-out reverse}.shape-3{width:200px;height:200px;top:30%;right:10%;animation:floatAnimation 12s infinite ease-in-out 2s}.shape-4{width:150px;height:150px;bottom:20%;left:10%;animation:floatAnimation 18s infinite ease-in-out 1s}@keyframes floatAnimation{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,10px) rotate(5deg)}50%{transform:translateY(20px) rotate(0)}75%{transform:translate(-10px,10px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.error-content{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;text-align:center;max-width:600px;width:90%;box-shadow:0 20px 80px #0000004d;border:1px solid rgba(255,255,255,.2);animation:errorFadeIn .8s cubic-bezier(.16,1,.3,1);position:relative;z-index:2}.error-icon-container{margin-bottom:2rem}.error-icon-circle{width:80px;height:80px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 30px #0003;position:relative;animation:pulseAnimation 3s infinite}.error-icon{width:40px;height:40px;color:#fff;animation:errorBounce 1s ease-in-out}.error-title{color:#fff;font-size:2.5rem;margin-bottom:1rem;font-weight:700;background:linear-gradient(to right,#fff,#e0e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 15px rgba(0,0,0,.1)}.error-message{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;font-weight:400}.error-details{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:#0000001a;border-radius:12px}.error-detail-item{display:flex;flex-direction:column;align-items:center}.error-detail-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.3rem}.error-detail-value{font-size:1.1rem;font-weight:600}.error-suggestions{text-align:left;background:#0000001a;padding:1.5rem;border-radius:12px;margin-bottom:1rem}.error-suggestions-title{font-size:1.2rem;margin-bottom:1rem;color:#ffffffe6}.error-suggestions-list{list-style-type:none;padding:0;margin:0}.error-suggestions-list li{position:relative;padding:.5rem 0 .5rem 1.5rem}.error-suggestions-list li:before{content:"→";position:absolute;left:0;color:#fff9}.error-footer{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.error-footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.error-code{font-family:monospace;font-size:.9rem;color:#fff9}.error-brand{font-weight:600;font-size:.9rem}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes errorBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@keyframes pulseAnimation{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.header{padding:1.5rem;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);position:absolute;top:0;left:0;right:0;z-index:2;font-size:1.2rem;font-weight:500;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.header.visible{opacity:1;transform:translateY(0)}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:3rem;border-radius:20px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 8px 32px #0000001a;min-width:300px}.loading-container .loading-logo{width:180px;height:auto;object-fit:contain}.loading-container .loading-text{color:#333;font-size:1.25rem;font-weight:500;position:relative;padding-right:28px}.loading-container .loading-text:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #7D1C4A;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.video-wrapper{position:relative;width:100%;height:100%;background:#000}.video-player{width:100%;height:100%;object-fit:cover;display:block}.controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95),transparent);padding:30px;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.controls.visible{opacity:1;transform:translateY(0)}.controls.visible .control-button,.controls.visible .progress-bar,.controls.visible .volume-slider{cursor:pointer}.seranit-title{color:#fff;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#7d1c4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 15px rgba(125,28,74,.3);position:absolute;left:50%;transform:translate(-50%);padding:0 20px;white-space:nowrap;transition:all .3s ease}.seranit-title:hover{transform:translate(-50%) scale(1.05);background:linear-gradient(135deg,#fff 30%,#7d1c4a);-webkit-background-clip:text}.progress-bar{width:100%;height:4px;background:#ffffff26;border-radius:6px;position:relative;margin-bottom:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-bar:hover{height:6px}.progress-bar:hover .progress-filled{background:#7d1c4a}.progress-bar:hover .progress-filled:after{opacity:1;transform:scale(1) translateY(-50%)}.progress-filled{height:100%;background:#7d1c4a;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #7d1c4a80}.progress-filled:after{content:"";position:absolute;right:-6px;top:50%;transform:scale(0) translateY(-50%);width:12px;height:12px;background:#7d1c4a;border:2px solid #fff;border-radius:50%;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #7d1c4acc}.controls-main{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 10px;position:relative}.controls-left,.controls-right{display:flex;align-items:center;gap:25px;z-index:1}.control-button{background:none;border:none;color:#fff;padding:10px;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.control-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#7d1c4a33;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.control-button svg{width:26px;height:26px;transition:all .2s ease;position:relative;z-index:1}.control-button:hover{transform:scale(1.1)}.control-button:hover:before{width:100%;height:100%}.control-button:hover svg{color:#7d1c4a;filter:drop-shadow(0 0 5px rgba(125,28,74,.5))}.control-button.active svg{color:#7d1c4a;filter:drop-shadow(0 0 5px rgba(125,28,74,.5))}.control-button.active:before{width:100%;height:100%}.volume-control{display:flex;align-items:center;gap:15px}.volume-control:hover .volume-slider{width:100px;opacity:1}.volume-slider{width:0;opacity:0;height:4px;-webkit-appearance:none;background:#ffffff26;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:-100px 0 0 100px #7d1c4a}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;border:none;transition:all .2s ease}.volume-slider::-moz-range-progress{background:#7d1c4a}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:-100px 0 0 100px #7d1c4a,0 0 10px #7d1c4acc}.volume-slider:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 10px #7d1c4acc}.time-display{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#ffffffe6;display:flex;gap:4px;-webkit-user-select:none;user-select:none;background:#7d1c4a33;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 768px){.controls{padding:20px}.seranit-title{font-size:1.4rem}.control-button{width:40px;height:40px;padding:8px}.control-button svg{width:22px;height:22px}.controls-left,.controls-right{gap:20px}.time-display{font-size:12px;padding:4px 10px}.loading-container{padding:2rem;min-width:240px}.loading-container .loading-logo{width:140px}.loading-container .loading-text{font-size:1.1rem}.error-content{padding:2rem;max-width:450px}.error-icon-circle{width:70px;height:70px}.error-icon{width:35px;height:35px}.error-title{font-size:2rem}.error-message{font-size:1.1rem}.error-details{flex-direction:row;gap:1.5rem}.error-suggestions-title{font-size:1.1rem}.error-footer-content{padding:0 1rem}}@media (max-width: 480px){.controls{padding:15px}.seranit-title{font-size:1.2rem}.control-button{width:36px;height:36px;padding:6px}.control-button svg{width:20px;height:20px}.controls-left,.controls-right{gap:15px}.volume-control .volume-slider{display:none}.loading-container{padding:1.5rem;min-width:200px}.loading-container .loading-logo{width:120px}.loading-container .loading-text{font-size:1rem}.error-content{padding:1.5rem;max-width:280px}.error-icon-circle{width:60px;height:60px}.error-icon{width:30px;height:30px}.error-title{font-size:1.5rem}.error-message{font-size:.9rem;margin-bottom:1.5rem}.error-details{flex-direction:column;gap:.8rem;padding:.8rem;margin-bottom:1.5rem}.error-detail-item{flex-direction:row;gap:.5rem}.error-detail-label{margin-bottom:0}.error-suggestions{padding:1rem}.error-suggestions-title{font-size:1rem}.error-suggestions-list li{padding:.3rem 0;font-size:.85rem}.error-footer{padding:.8rem}.error-footer-content{padding:0 .5rem}.error-code,.error-brand{font-size:.8rem}.shape-1,.shape-2,.shape-3,.shape-4{opacity:.5}}