@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Syne:wght@700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";body{background-color:#ff6b35;color:#181818;overflow-x:hidden}@keyframes infiniteLoopScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes rotateVinylInfinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounceUpDownMascot{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.floating-nav-top{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:1100px;height:60px;background-color:#fff;border:2px solid #181818;border-radius:50px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:100;box-shadow:0 4px 20px #0000000d}.floating-nav-top .logo-pill{display:flex;align-items:center;gap:.5rem;font-weight:800;font-family:Syne,sans-serif;font-size:1.3rem;color:#181818;cursor:pointer}.floating-nav-top .logo-pill .icon-music{background:#f08ba4;border:1.5px solid #181818;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.floating-nav-top .user-profile-pill{display:flex;align-items:center;gap:1rem}.floating-nav-top .user-profile-pill .user-info{font-size:.88rem;font-weight:600;background-color:#f8e38f;border:1.5px solid #181818;padding:.3rem .8rem;border-radius:20px;display:flex;align-items:center;gap:.4rem}.floating-nav-top .user-profile-pill .logout-btn-pill{background:transparent;border:none;color:#181818;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:50%;border:1.5px solid transparent;transition:all .2s ease}.floating-nav-top .user-profile-pill .logout-btn-pill:hover{background-color:#ffe4e6;border-color:#181818;transform:scale(1.05)}.floating-controls-bottom{position:fixed;bottom:1.5rem;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:none}.floating-controls-bottom .pill-btn-left{pointer-events:auto;background-color:#f8e38f;border:2px solid #181818;border-radius:50px;height:52px;padding:0 1.8rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0000000d;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.floating-controls-bottom .pill-btn-left:hover{transform:translateY(-3px) rotate(-1deg);background-color:#fae9a7}.floating-controls-bottom .floating-navigator{pointer-events:auto;background-color:#fff;border:2px solid #181818;border-radius:50px;height:52px;display:flex;align-items:center;padding:0 .8rem;box-shadow:0 4px 20px #00000014}.floating-controls-bottom .floating-navigator .nav-items{display:flex;align-items:center;list-style:none;gap:.4rem}.floating-controls-bottom .floating-navigator .nav-items li{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;color:#18181899;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.floating-controls-bottom .floating-navigator .nav-items li.active,.floating-controls-bottom .floating-navigator .nav-items li:hover{color:#181818;background-color:#1818180d}.floating-controls-bottom .floating-nav-right-group{pointer-events:auto;display:flex;align-items:center;gap:.6rem}.floating-controls-bottom .floating-nav-right-group .lang-selector-pill{background-color:#fff;border:2px solid #181818;border-radius:50px;height:52px;padding:0 1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 10px #0000000d}.floating-controls-bottom .floating-nav-right-group .lang-selector-pill span{cursor:pointer;opacity:.4;transition:opacity .2s ease}.floating-controls-bottom .floating-nav-right-group .lang-selector-pill span.active{opacity:1}.floating-controls-bottom .floating-nav-right-group .lang-selector-pill span:hover{opacity:.8}.floating-controls-bottom .floating-nav-right-group .mascot-pill{background-color:#fff;border:2px solid #181818;border-radius:50px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.floating-controls-bottom .floating-nav-right-group .mascot-pill .mascot-face{width:24px;height:24px;border-radius:50%;border:2px solid #181818;position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center}.floating-controls-bottom .floating-nav-right-group .mascot-pill .mascot-face .eye{width:3px;height:3px;border-radius:50%;background-color:#181818;position:absolute;top:6px}.floating-controls-bottom .floating-nav-right-group .mascot-pill .mascot-face .eye.left{left:5px}.floating-controls-bottom .floating-nav-right-group .mascot-pill .mascot-face .eye.right{right:5px}.floating-controls-bottom .floating-nav-right-group .mascot-pill .mascot-face .smile{width:8px;height:4px;border-bottom:2px solid #181818;border-radius:0 0 8px 8px;position:absolute;bottom:4px}.floating-controls-bottom .floating-nav-right-group .mascot-pill:hover{transform:scale(1.1) rotate(8deg);background-color:#f08ba4}.floating-controls-bottom .floating-nav-right-group .mascot-pill:hover .mascot-face{border-color:#fff;background-color:#181818}.floating-controls-bottom .floating-nav-right-group .mascot-pill:hover .mascot-face .eye{background-color:#fff}.floating-controls-bottom .floating-nav-right-group .mascot-pill:hover .mascot-face .smile{border-color:#fff}@media(max-width:1000px){.floating-controls-bottom{flex-direction:column;gap:.8rem;bottom:1rem}.floating-controls-bottom .floating-navigator{order:1}.floating-controls-bottom .pill-btn-left,.floating-controls-bottom .floating-nav-right-group{display:none}}.floating-vinyl-record{position:fixed;width:250px;height:250px;border-radius:50%;overflow:hidden;z-index:8;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform}.vinyl-disc-rotate-wrapper{width:100%;height:100%;border-radius:50%;background-color:#111;border:4px solid #181818;box-shadow:0 15px 40px #00000073;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .4s ease}.vinyl-disc-rotate-wrapper .vinyl-grooves{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.vinyl-disc-rotate-wrapper .vinyl-grooves .vinyl-groove-line{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.vinyl-disc-rotate-wrapper .vinyl-grooves .vinyl-groove-line.line-1{width:85%;height:85%}.vinyl-disc-rotate-wrapper .vinyl-grooves .vinyl-groove-line.line-2{width:70%;height:70%}.vinyl-disc-rotate-wrapper .vinyl-grooves .vinyl-groove-line.line-3{width:55%;height:55%}.vinyl-disc-rotate-wrapper .vinyl-grooves:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,transparent 35%,rgba(255,255,255,.02) 40%,transparent 65%),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%)}.vinyl-disc-rotate-wrapper .vinyl-sticker{width:135px;height:135px;border-radius:50%;background-color:#f08ba4;border:3px solid #181818;display:flex;align-items:center;justify-content:center;z-index:9;background-size:cover;background-position:center;transition:background-color .5s ease,background-image .5s ease}.vinyl-disc-rotate-wrapper .vinyl-sticker .vinyl-sticker-inner{width:55px;height:55px;border-radius:50%;border:1.5px dashed rgba(24,24,24,.4);display:flex;align-items:center;justify-content:center}.vinyl-disc-rotate-wrapper .vinyl-sticker .vinyl-sticker-inner .vinyl-spindle{width:14px;height:14px;border-radius:50%;background-color:#181818;border:2px solid rgba(255,255,255,.25)}.vinyl-disc-rotate-wrapper.playing{animation:rotateVinylInfinite 15s linear infinite}@media(max-width:1000px){.floating-vinyl-record{width:160px;height:160px}.floating-vinyl-record .vinyl-sticker{width:85px;height:85px}.floating-vinyl-record .vinyl-sticker-inner{width:35px;height:35px}.floating-vinyl-record .vinyl-spindle{width:10px;height:10px}}@media(max-width:480px){.floating-vinyl-record{width:120px;height:120px}.floating-vinyl-record .vinyl-sticker{width:65px;height:65px}.floating-vinyl-record .vinyl-sticker-inner{width:28px;height:28px}.floating-vinyl-record .vinyl-spindle{width:8px;height:8px}}#section-hero .hero-text-container{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#section-hero .subheading-badge{background-color:#fff;border:2px solid #181818;border-radius:30px;padding:.5rem 1.4rem;font-size:.9rem;font-weight:700;margin-bottom:2.5rem;box-shadow:2px 2px #181818;text-transform:uppercase;letter-spacing:.5px}#section-hero .giant-headline{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.8rem,6vw,6.2rem);line-height:.95;color:#181818;letter-spacing:-2px;text-transform:uppercase;max-width:1100px;margin-bottom:2rem}#section-hero .giant-headline .row{display:block;position:relative}#section-hero .giant-headline .row-middle{display:flex;justify-content:center;align-items:center;gap:120px;margin:.5rem 0}#section-hero .scroll-hint-badge{background-color:#fff;border:2px solid #181818;border-radius:30px;padding:.4rem 1rem;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:.4rem;margin-top:1rem;animation:bounceUpDown 2s infinite ease-in-out}@media(max-width:1000px){#section-hero .row-middle{gap:0}}#section-concept{background-color:#ffffff14;border-top:2px solid rgba(24,24,24,.06);border-bottom:2px solid rgba(24,24,24,.06)}#section-concept .concept-container{max-width:1100px;width:100%;z-index:5}#section-concept .section-intro-text{text-align:center;max-width:650px;margin:0 auto 3.5rem}#section-concept .section-intro-text h2{font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:1rem;text-transform:uppercase}#section-concept .section-intro-text p{font-size:1.1rem;font-weight:500;color:#181818d9;line-height:1.5}#section-concept .mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}#section-concept .mood-grid .mood-card{background-color:#fff;border:2px solid #181818;border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:4px 4px #181818;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}#section-concept .mood-grid .mood-card .mood-emoji-box{width:52px;height:52px;border-radius:50%;border:2px solid #181818;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;background-color:#f8e38f;transition:transform .3s ease}#section-concept .mood-grid .mood-card h3{font-family:Syne,sans-serif;font-size:1.35rem;font-weight:800;text-transform:uppercase}#section-concept .mood-grid .mood-card p{font-size:.85rem;font-weight:500;line-height:1.4;color:#181818b3}#section-concept .mood-grid .mood-card:hover{transform:translateY(-5px);box-shadow:6px 6px #181818}#section-concept .mood-grid .mood-card:hover .mood-emoji-box{transform:scale(1.1) rotate(10deg)}#section-concept .mood-grid .mood-card.happy{background-color:#fbe08d26}#section-concept .mood-grid .mood-card.happy:hover{background-color:#fbe08d}#section-concept .mood-grid .mood-card.sad{background-color:#a3c9f826}#section-concept .mood-grid .mood-card.sad:hover{background-color:#a3c9f8}#section-concept .mood-grid .mood-card.surprised{background-color:#fca8cd26}#section-concept .mood-grid .mood-card.surprised:hover{background-color:#fca8cd}#section-concept .mood-grid .mood-card.angry{background-color:#f8a2a226}#section-concept .mood-grid .mood-card.angry:hover{background-color:#f8a2a2}#section-concept .mood-grid .mood-card.calm{background-color:#9be3cc26}#section-concept .mood-grid .mood-card.calm:hover{background-color:#9be3cc}#section-concept .mood-grid .mood-card.romantic{background-color:#fda4af26}#section-concept .mood-grid .mood-card.romantic:hover{background-color:#fda4af}@media(max-width:1000px){#section-concept .mood-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){#section-concept .mood-grid{grid-template-columns:1fr}}#section-scanner .scanner-card-layout{max-width:900px;width:100%;background-color:#fff;border:2px solid #181818;border-radius:32px;box-shadow:4px 4px #181818;padding:3rem;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;z-index:5}#section-scanner .scanner-description-side{display:flex;flex-direction:column;gap:1.5rem}#section-scanner .scanner-description-side .section-badge{width:fit-content;background-color:#f08ba4;border:1.5px solid #181818;border-radius:20px;padding:.3rem .8rem;font-size:.78rem;font-weight:700;color:#181818;text-transform:uppercase}#section-scanner .scanner-description-side h2{font-family:Syne,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.1;text-transform:uppercase}#section-scanner .scanner-description-side p{font-size:.95rem;font-weight:500;line-height:1.5;color:#181818bf}#section-scanner .scanner-description-side .activate-scanner-pill-btn{width:fit-content;background-color:#f8e38f;border:2px solid #181818;border-radius:30px;padding:.7rem 1.8rem;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:.6rem;box-shadow:3px 3px #181818;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}#section-scanner .scanner-description-side .activate-scanner-pill-btn:hover{transform:translateY(-2px);box-shadow:5px 5px #181818;background-color:#f9e8a2}#section-scanner .scanner-description-side .activate-scanner-pill-btn:disabled{background-color:#1818180d;color:#18181866;cursor:not-allowed;box-shadow:none;transform:none}#section-scanner .scanner-description-side .manual-vibe-fallback{margin-top:1.8rem;border-top:1.5px dashed rgba(24,24,24,.15);padding-top:1.2rem;text-align:left;width:100%}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#18181880;margin-bottom:.8rem;letter-spacing:.5px}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills{display:flex;flex-wrap:wrap;gap:.5rem}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill{font-size:.78rem;font-weight:700;padding:.4rem .9rem;border-radius:20px;border:1.5px solid #181818;background-color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:2px 2px #181818}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:3.5px 3.5px #181818}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill.happy:hover{background-color:#fbe08d}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill.sad:hover{background-color:#a3c9f8}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill.surprised:hover{background-color:#fca8cd}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill.angry:hover{background-color:#f8a2a2}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill.calm:hover{background-color:#9be3cc}#section-scanner .scanner-description-side .manual-vibe-fallback .fallback-pills .vibe-pill.romantic:hover{background-color:#fda4af}#section-scanner .scanner-camera-side{display:flex;justify-content:center;align-items:center;width:100%}#section-scanner .scanner-camera-side .scanner-viewfinder-portal{width:100%;max-width:380px;background-color:#181818;border:2px solid #181818;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:inset 0 0 20px #000c;position:relative}@media(max-width:1000px){#section-scanner .scanner-card-layout{grid-template-columns:1fr;padding:2rem;gap:2rem}}#section-player .player-card-layout{max-width:1000px;width:100%;background-color:#fff;border:2px solid #181818;border-radius:32px;box-shadow:4px 4px #181818;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;z-index:5;transition:background-color .4s ease}#section-player .player-tracklist-column{padding:2.5rem;border-right:2px solid #181818;display:flex;flex-direction:column;height:520px;overflow:hidden}#section-player .player-tracklist-column .column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}#section-player .player-tracklist-column .column-header h3{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800;text-transform:uppercase}#section-player .player-tracklist-column .column-header .tracks-count-badge{background-color:#f8e38f;border:1.5px solid #181818;border-radius:12px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}#section-player .player-tracklist-column .tracklist-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding-right:.4rem}#section-player .player-tracklist-column .tracklist-scroll::-webkit-scrollbar{width:6px}#section-player .player-tracklist-column .tracklist-scroll::-webkit-scrollbar-track{background:transparent}#section-player .player-tracklist-column .tracklist-scroll::-webkit-scrollbar-thumb{background:#18181826;border-radius:10px}#section-player .player-tracklist-column .tracklist-scroll::-webkit-scrollbar-thumb:hover{background:#18181840;border-radius:10px}#section-player .player-tracklist-column .tracklist-scroll .playlist-item{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:16px;background-color:#18181805;border:2px solid transparent;cursor:pointer;transition:all .2s ease}#section-player .player-tracklist-column .tracklist-scroll .playlist-item .item-number{font-size:.8rem;font-weight:700;color:#1818184d;width:20px}#section-player .player-tracklist-column .tracklist-scroll .playlist-item .item-art{width:36px;height:36px;border-radius:8px;border:1.5px solid #181818;object-fit:cover}#section-player .player-tracklist-column .tracklist-scroll .playlist-item .item-meta{flex:1;display:flex;flex-direction:column;overflow:hidden}#section-player .player-tracklist-column .tracklist-scroll .playlist-item .item-meta .item-name{font-size:.85rem;font-weight:700;color:#181818;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#section-player .player-tracklist-column .tracklist-scroll .playlist-item .item-meta .item-artist{font-size:.75rem;color:#18181880}#section-player .player-tracklist-column .tracklist-scroll .playlist-item .playing-indicator{width:6px;height:6px;border-radius:50%;background-color:#f08ba4;border:1px solid #181818}#section-player .player-tracklist-column .tracklist-scroll .playlist-item:hover{background-color:#1818180d;transform:translate(4px)}#section-player .player-tracklist-column .tracklist-scroll .playlist-item.selected{background-color:#fce9b8;border-color:#181818}#section-player .player-control-column{min-width:500px;padding:2.5rem;background-color:#f8e38f26;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#section-player .player-control-column .turntable-slot-target{width:220px;height:220px;border-radius:50%;border:3px dashed rgba(24,24,24,.25);background-color:#18181805;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1.5rem;transition:all .3s ease}#section-player .player-control-column .turntable-slot-target .center-spindle-hole{width:10px;height:10px;border-radius:50%;background-color:#181818}#section-player .player-control-column .turntable-slot-target .turntable-label-placeholder{position:absolute;bottom:-24px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#18181866;letter-spacing:.5px}#section-player .player-control-column .active-meta{text-align:center;margin-bottom:1.5rem;width:100%}#section-player .player-control-column .active-meta h4{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;color:#181818;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1rem}#section-player .player-control-column .active-meta p{font-size:.75rem;color:#18181880;margin-top:.15rem}#section-player .player-control-column .time-scrubber{width:100%;display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}#section-player .player-control-column .time-scrubber span{font-size:.7rem;font-weight:700;color:#18181880;width:32px}#section-player .player-control-column .time-scrubber .scrubber-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background-color:#1818181a;border:1px solid #181818;border-radius:10px;outline:none;cursor:pointer}#section-player .player-control-column .time-scrubber .scrubber-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background-color:#fff;border:1.5px solid #181818;cursor:pointer;transition:transform .1s ease}#section-player .player-control-column .time-scrubber .scrubber-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}#section-player .player-control-column .controls-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}#section-player .player-control-column .controls-row .btn-skip{background:transparent;border:none;color:#181818;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}#section-player .player-control-column .controls-row .btn-skip:hover:not(:disabled){transform:scale(1.1)}#section-player .player-control-column .controls-row .btn-skip:disabled{opacity:.35;cursor:not-allowed}#section-player .player-control-column .controls-row .btn-play-pause{width:52px;height:52px;border-radius:50%;background-color:#f8e38f;border:2px solid #181818;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px #181818;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}#section-player .player-control-column .controls-row .btn-play-pause:hover:not(:disabled){transform:translateY(-2px);box-shadow:4px 4px #181818}#section-player .player-control-column .controls-row .btn-play-pause:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}#section-player .player-control-column .volume-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:140px}#section-player .player-control-column .volume-row .btn-volume{background:transparent;border:none;color:#181818;cursor:pointer;display:flex;align-items:center}#section-player .player-control-column .volume-row .volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background-color:#1818181a;border:1px solid #181818;border-radius:10px;outline:none;cursor:pointer}#section-player .player-control-column .volume-row .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background-color:#fff;border:1.5px solid #181818}@media(max-width:1000px){#section-player .player-card-layout{grid-template-columns:1fr}#section-player .player-tracklist-column{height:350px;border-right:none;border-bottom:2px solid #181818}#section-player .player-control-column{min-width:100%}}#section-partners{background-color:#181818;color:#fff;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:2px solid #181818}#section-partners .ticker-heading{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:3rem;text-transform:uppercase;color:#ffffffb3;letter-spacing:1px}#section-partners .ticker-wrap{width:100%;overflow:hidden;padding:1rem 0;background-color:#ffffff08;border-top:1.5px solid rgba(255,255,255,.08);border-bottom:1.5px solid rgba(255,255,255,.08);position:relative}#section-partners .ticker-wrap .ticker-track{display:flex;width:max-content;animation:infiniteLoopScroll 30s linear infinite}#section-partners .ticker-wrap .ticker-track .partner-logo-item{font-family:Syne,sans-serif;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;text-transform:uppercase;color:#ffffff40;padding:0 4rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:color .3s ease}#section-partners .ticker-wrap .ticker-track .partner-logo-item:after{content:"⚡";font-size:1.5rem;margin-left:3rem;color:#f8e38f40}#section-partners .ticker-wrap .ticker-track .partner-logo-item:hover{color:#f8e38f}.home-page-container{position:relative;width:100%;min-height:100vh;background:linear-gradient(180deg,#ff6b35,#f7c59f,#ffb347,#e84545,gold);background-size:100% 100%;transition:background .8s ease;z-index:1}.scrollytelling-wrapper{width:100%}.story-section{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 5% 5rem;overflow:hidden}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#ff6b35,#f7c59f,#ffb347,#e84545,gold);display:flex;justify-content:center;align-items:center;z-index:99999;overflow:hidden}.loader-container .loader-card-capsule{background-color:#fff;border:2px solid #181818;border-radius:32px;padding:3.5rem 3rem;box-shadow:4px 4px #181818;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:420px;width:90%;text-align:center;transform:translateZ(0)}.loader-container .logo-wrapper{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.loader-container .logo-wrapper .loader-vinyl-disc{width:110px;height:110px;border-radius:50%;background-color:#111;border:2px solid #181818;box-shadow:0 8px 24px #00000040;position:relative;display:flex;align-items:center;justify-content:center;animation:rotateMiniVinyl 4s linear infinite}.loader-container .logo-wrapper .loader-vinyl-disc .grooves{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.loader-container .logo-wrapper .loader-vinyl-disc .grooves .line{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.loader-container .logo-wrapper .loader-vinyl-disc .grooves .line.l1{width:80%;height:80%}.loader-container .logo-wrapper .loader-vinyl-disc .grooves .line.l2{width:60%;height:60%}.loader-container .logo-wrapper .loader-vinyl-disc .sticker{width:40px;height:40px;border-radius:50%;background-color:#f08ba4;border:1.5px solid #181818;display:flex;align-items:center;justify-content:center;z-index:2}.loader-container .logo-wrapper .loader-vinyl-disc .sticker .spindle{width:8px;height:8px;border-radius:50%;background-color:#181818}.loader-container .loading-text{font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800;text-transform:uppercase;color:#181818;margin-bottom:1.8rem;letter-spacing:.5px;line-height:1.3;animation:pulseLoaderText 1.6s infinite ease-in-out}.loader-container .music-wave{display:flex;align-items:flex-end;gap:5px;height:30px}.loader-container .music-wave span{width:5px;height:100%;border:1.5px solid #181818;border-radius:10px;transform-origin:bottom;animation:scaleEqualizerBars 1.2s infinite ease-in-out}.loader-container .music-wave span:nth-child(1){background-color:#f08ba4;animation-delay:.1s}.loader-container .music-wave span:nth-child(2){background-color:#fbe08d;animation-delay:.3s}.loader-container .music-wave span:nth-child(3){background-color:#aae9d4;animation-delay:.5s}.loader-container .music-wave span:nth-child(4){background-color:#b9d6f3;animation-delay:.2s}.loader-container .music-wave span:nth-child(5){background-color:#fda4af;animation-delay:.4s}@keyframes rotateMiniVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseLoaderText{0%,to{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes scaleEqualizerBars{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.scanner-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.video-wrapper{position:relative;width:100%;max-width:480px;aspect-ratio:4/3;border-radius:24px;overflow:hidden;border:2px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000080;background:#090d16;transition:all .5s cubic-bezier(.4,0,.2,1)}.video-wrapper.scanning-active{border-color:#8b5cf64d;box-shadow:0 0 35px #8b5cf633}.video-wrapper.happy{border-color:#fbbf2459;box-shadow:0 0 30px #fbbf2433}.video-wrapper.sad{border-color:#3b82f659;box-shadow:0 0 30px #3b82f633}.video-wrapper.surprized{border-color:#ec489959;box-shadow:0 0 30px #ec489933}.video-wrapper.angry{border-color:#ef444459;box-shadow:0 0 30px #ef444433}.video-wrapper.romantic{border-color:#f43f5e59;box-shadow:0 0 30px #f43f5e33}.video-wrapper.calm{border-color:#10b98159;box-shadow:0 0 30px #10b98133}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background:#090d16d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;text-align:center;transition:all .4s ease}.scanner-overlay .scanner-status-text{font-size:.95rem;font-weight:600;color:#fffc;margin-top:1rem;letter-spacing:.5px;text-transform:uppercase}.scanner-overlay .scanner-instruction{font-size:.78rem;color:#ffffff73;margin-top:.25rem}.scanner-overlay .scanner-graphic{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.scanner-overlay .scanner-graphic .pulse-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:1px dashed rgba(255,255,255,.25);animation:spin 12s linear infinite}.scanner-overlay .scanner-graphic .core-dot{width:12px;height:12px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 15px #8b5cf6;animation:pulse 1.5s infinite}.scanner-overlay .scanner-graphic.completed .success-pulse{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.15;animation:scalePulse 2s infinite ease-in-out}.scanner-overlay .scanner-graphic.completed .emoji-display{font-size:2.8rem;z-index:3;animation:float 3s ease-in-out infinite}.scanner-overlay .scanner-locked-label{font-size:1.6rem;font-weight:800;margin-top:.5rem;text-shadow:0 0 20px var(--accent-glow);animation:zoomIn .5s cubic-bezier(.34,1.56,.64,1)}.scanner-overlay .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.08);border-radius:50%;border-top-color:#8b5cf6;animation:spin 1s ease-in-out infinite;margin-bottom:.8rem}.scanner-overlay p{font-size:.85rem;color:#fff9}.webcam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:opacity .3s ease}.webcam-video.visible{opacity:1}.webcam-video.hidden{opacity:0}.scan-line{position:absolute;top:0;left:0;width:100%;height:4px;pointer-events:none;z-index:3;animation:scan 3s ease-in-out infinite;transition:background .5s ease,box-shadow .5s ease}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.dominant-emotion-badge{font-size:1.15rem;font-weight:700;padding:.5rem 1.4rem;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:.6rem;box-shadow:0 8px 32px #00000059;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.dominant-emotion-badge.happy{background:#fbbf241f;border-color:#fbbf244d;color:#fcd34d;box-shadow:0 8px 32px #fbbf241a}.dominant-emotion-badge.sad{background:#3b82f61f;border-color:#3b82f64d;color:#93c5fd;box-shadow:0 8px 32px #3b82f61a}.dominant-emotion-badge.surprized{background:#ec48991f;border-color:#ec48994d;color:#f9a8d4;box-shadow:0 8px 32px #ec48991a}.dominant-emotion-badge.angry{background:#ef44441f;border-color:#ef44444d;color:#fca5a5;box-shadow:0 8px 32px #ef44441a}.dominant-emotion-badge.romantic{background:#f43f5e1f;border-color:#f43f5e4d;color:#fda4af;box-shadow:0 8px 32px #f43f5e1a}.dominant-emotion-badge.calm{background:#10b9811f;border-color:#10b9814d;color:#6ee7b7;box-shadow:0 8px 32px #10b9811a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scalePulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.4);opacity:.3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes zoomIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.register-page{height:100vh;overflow-y:auto;scrollbar-width:none}.register-page::-webkit-scrollbar{display:none}.register-page{background:linear-gradient(180deg,#ff6b35,#f7c59f,#ffb347 50%,gold 80%,#e84545);background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;position:relative;z-index:1}.register-page .auth-nav-header{margin-bottom:1rem;display:flex;justify-content:center;width:100%}.register-page .auth-nav-header .logo-pill{background-color:#fff;border:2px solid #181818;border-radius:50px;height:44px;display:flex;align-items:center;padding:0 1.2rem;gap:.4rem;font-weight:800;font-family:Syne,sans-serif;font-size:1rem;color:#181818;box-shadow:3px 3px #181818;cursor:pointer}.register-page .auth-nav-header .logo-pill .icon-music{background:#f08ba4;border:1.5px solid #181818;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.register-page .auth-card{width:100%;max-width:450px;background:#fff;border:3px solid #181818;border-radius:28px;box-shadow:6px 6px #181818;padding:2.2rem 2rem;position:relative;display:flex;flex-direction:column;z-index:2}.register-page .auth-card .subheading-badge{align-self:center;background-color:#fff;border:2px solid #181818;border-radius:30px;padding:.35rem 1rem;font-size:.7rem;font-weight:800;margin-bottom:1rem;box-shadow:2px 2px #181818;text-transform:uppercase;letter-spacing:.5px}.register-page .auth-mascot-container{position:absolute;right:-75px;top:20px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.register-page .auth-mascot-container .mascot-pill{background-color:#fff;border:2px solid #181818;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #181818;animation:bounceUpDownMascot 4s infinite ease-in-out}.register-page .auth-mascot-container .mascot-pill .mascot-face{width:22px;height:22px;border-radius:50%;border:2px solid #181818;position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center}.register-page .auth-mascot-container .mascot-pill .mascot-face .eye{width:2.5px;height:2.5px;border-radius:50%;background-color:#181818;position:absolute;top:6px}.register-page .auth-mascot-container .mascot-pill .mascot-face .eye.left{left:5px}.register-page .auth-mascot-container .mascot-pill .mascot-face .eye.right{right:5px}.register-page .auth-mascot-container .mascot-pill .mascot-face .smile{width:7px;height:3.5px;border-bottom:2px solid #181818;border-radius:0 0 7px 7px;position:absolute;bottom:4px}.register-page .auth-mascot-container .speech-bubble{margin-top:.6rem;background:#fff;border:2px solid #181818;border-radius:10px;padding:.3rem .6rem;font-size:.65rem;font-weight:700;white-space:nowrap;box-shadow:2px 2px #181818;position:relative}.register-page .auth-mascot-container .speech-bubble:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#181818}.register-page .register-form{width:100%;display:flex;flex-direction:column}.register-page .register-form h2{font-family:Syne,sans-serif;color:#181818;font-size:1.8rem;font-weight:800;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:-1px;text-align:center}.register-page .register-form p.form-subtitle{color:#181818a6;font-weight:500;font-size:.85rem;margin-bottom:1.2rem;line-height:1.4;text-align:center}.register-page .register-form .input-group{margin-bottom:.8rem;display:flex;flex-direction:column}.register-page .register-form .input-group label{color:#181818;margin-bottom:.3rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.register-page .register-form .input-group input{width:100%;height:45px;border-radius:10px;border:2px solid #181818;background:#fff;padding:0 .8rem;color:#181818;outline:none;font-size:.88rem;font-weight:500;transition:all .2s ease}.register-page .register-form .input-group input:focus{border-color:#f08ba4;box-shadow:3px 3px #181818}.register-page .register-form .input-group input::placeholder{color:#18181859}.register-page .register-form .password-input{position:relative}.register-page .register-form .password-input input{padding-right:3rem}.register-page .register-form .password-input button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#181818;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;transition:opacity .2s ease}.register-page .register-form .password-input button:hover{opacity:.7}.register-page .register-form .register-btn{width:100%;height:48px;border:2px solid #181818;border-radius:12px;cursor:pointer;font-size:.88rem;font-weight:800;background:#f8e38f;color:#181818;margin-top:.5rem;box-shadow:3px 3px #181818;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.5px}.register-page .register-form .register-btn:hover{transform:translateY(-2px);box-shadow:5px 5px #181818}.register-page .register-form .register-btn:active{transform:translateY(1px);box-shadow:1.5px 1.5px #181818}.register-page .register-form .login-link{text-align:center;margin-top:1rem;color:#181818a6;font-weight:500;font-size:.85rem}.register-page .register-form .login-link a{color:#f08ba4;text-decoration:none;font-weight:700}.register-page .register-form .login-link a:hover{text-decoration:underline}@media(max-width:720px){.register-page .auth-mascot-container{display:none!important}}@media(max-width:480px){.register-page{padding:1.5rem 1rem;height:auto;min-height:100vh;overflow-y:auto}.register-page .auth-card{padding:1.8rem 1.2rem;border-radius:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}.register-page,.login-page{height:100vh;overflow-y:auto;scrollbar-width:none}.register-page::-webkit-scrollbar,.login-page::-webkit-scrollbar{display:none}.register-page,.login-page{background:linear-gradient(180deg,#ff6b35,#f7c59f,#ffb347 50%,gold 80%,#e84545);background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;position:relative;z-index:1}.register-page .auth-nav-header,.login-page .auth-nav-header{margin-bottom:1rem;display:flex;justify-content:center;width:100%}.register-page .auth-nav-header .logo-pill,.login-page .auth-nav-header .logo-pill{background-color:#fff;border:2px solid #181818;border-radius:50px;height:44px;display:flex;align-items:center;padding:0 1.2rem;gap:.4rem;font-weight:800;font-family:Syne,sans-serif;font-size:1rem;color:#181818;box-shadow:3px 3px #181818;cursor:pointer}.register-page .auth-nav-header .logo-pill .icon-music,.login-page .auth-nav-header .logo-pill .icon-music{background:#f08ba4;border:1.5px solid #181818;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.register-page .auth-card,.login-page .auth-card{width:100%;max-width:450px;background:#fff;border:3px solid #181818;border-radius:28px;box-shadow:6px 6px #181818;padding:2.2rem 2rem;position:relative;display:flex;flex-direction:column;z-index:2}.register-page .auth-card .subheading-badge,.login-page .auth-card .subheading-badge{align-self:center;background-color:#fff;border:2px solid #181818;border-radius:30px;padding:.35rem 1rem;font-size:.7rem;font-weight:800;margin-bottom:1rem;box-shadow:2px 2px #181818;text-transform:uppercase;letter-spacing:.5px}.register-page .auth-mascot-container,.login-page .auth-mascot-container{position:absolute;right:-75px;top:20px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.register-page .auth-mascot-container .mascot-pill,.login-page .auth-mascot-container .mascot-pill{background-color:#fff;border:2px solid #181818;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px #181818;animation:bounceUpDownMascot 4s infinite ease-in-out}.register-page .auth-mascot-container .mascot-pill .mascot-face,.login-page .auth-mascot-container .mascot-pill .mascot-face{width:22px;height:22px;border-radius:50%;border:2px solid #181818;position:relative;background-color:#fff;display:flex;justify-content:center;align-items:center}.register-page .auth-mascot-container .mascot-pill .mascot-face .eye,.login-page .auth-mascot-container .mascot-pill .mascot-face .eye{width:2.5px;height:2.5px;border-radius:50%;background-color:#181818;position:absolute;top:6px}.register-page .auth-mascot-container .mascot-pill .mascot-face .eye.left,.login-page .auth-mascot-container .mascot-pill .mascot-face .eye.left{left:5px}.register-page .auth-mascot-container .mascot-pill .mascot-face .eye.right,.login-page .auth-mascot-container .mascot-pill .mascot-face .eye.right{right:5px}.register-page .auth-mascot-container .mascot-pill .mascot-face .smile,.login-page .auth-mascot-container .mascot-pill .mascot-face .smile{width:7px;height:3.5px;border-bottom:2px solid #181818;border-radius:0 0 7px 7px;position:absolute;bottom:4px}.register-page .auth-mascot-container .speech-bubble,.login-page .auth-mascot-container .speech-bubble{margin-top:.6rem;background:#fff;border:2px solid #181818;border-radius:10px;padding:.3rem .6rem;font-size:.65rem;font-weight:700;white-space:nowrap;box-shadow:2px 2px #181818;position:relative}.register-page .auth-mascot-container .speech-bubble:after,.login-page .auth-mascot-container .speech-bubble:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#181818}.register-page .register-form,.login-page .register-form,.register-page .login-form,.login-page .login-form{width:100%;display:flex;flex-direction:column}.register-page .register-form h2,.login-page .register-form h2,.register-page .login-form h2,.login-page .login-form h2{font-family:Syne,sans-serif;color:#181818;font-size:1.8rem;font-weight:800;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:-1px;text-align:center}.register-page .register-form p.form-subtitle,.login-page .register-form p.form-subtitle,.register-page .login-form p.form-subtitle,.login-page .login-form p.form-subtitle{color:#181818a6;font-weight:500;font-size:.85rem;margin-bottom:1.2rem;line-height:1.4;text-align:center}.register-page .register-form .input-group,.login-page .register-form .input-group,.register-page .login-form .input-group,.login-page .login-form .input-group{margin-bottom:.8rem;display:flex;flex-direction:column}.register-page .register-form .input-group label,.login-page .register-form .input-group label,.register-page .login-form .input-group label,.login-page .login-form .input-group label{color:#181818;margin-bottom:.3rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.register-page .register-form .input-group input,.login-page .register-form .input-group input,.register-page .login-form .input-group input,.login-page .login-form .input-group input{width:100%;height:45px;border-radius:10px;border:2px solid #181818;background:#fff;padding:0 .8rem;color:#181818;outline:none;font-size:.88rem;font-weight:500;transition:all .2s ease}.register-page .register-form .input-group input:focus,.login-page .register-form .input-group input:focus,.register-page .login-form .input-group input:focus,.login-page .login-form .input-group input:focus{border-color:#f08ba4;box-shadow:3px 3px #181818}.register-page .register-form .input-group input::placeholder,.login-page .register-form .input-group input::placeholder,.register-page .login-form .input-group input::placeholder,.login-page .login-form .input-group input::placeholder{color:#18181859}.register-page .register-form .password-input,.login-page .register-form .password-input,.register-page .login-form .password-input,.login-page .login-form .password-input{position:relative}.register-page .register-form .password-input input,.login-page .register-form .password-input input,.register-page .login-form .password-input input,.login-page .login-form .password-input input{padding-right:3rem}.register-page .register-form .password-input button,.login-page .register-form .password-input button,.register-page .login-form .password-input button,.login-page .login-form .password-input button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#181818;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;transition:opacity .2s ease}.register-page .register-form .password-input button:hover,.login-page .register-form .password-input button:hover,.register-page .login-form .password-input button:hover,.login-page .login-form .password-input button:hover{opacity:.7}.register-page .register-form .register-btn,.login-page .register-form .register-btn,.register-page .login-form .register-btn,.login-page .login-form .register-btn,.login-form .register-page .register-form .login-btn,.login-form .login-page .register-form .login-btn,.register-page .login-form .login-btn,.login-page .login-form .login-btn{width:100%;height:48px;border:2px solid #181818;border-radius:12px;cursor:pointer;font-size:.88rem;font-weight:800;background:#f8e38f;color:#181818;margin-top:.5rem;box-shadow:3px 3px #181818;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.5px}.register-page .register-form .register-btn:hover,.login-page .register-form .register-btn:hover,.register-page .login-form .register-btn:hover,.login-page .login-form .register-btn:hover,.login-form .register-page .register-form .login-btn:hover,.login-form .login-page .register-form .login-btn:hover,.register-page .login-form .login-btn:hover,.login-page .login-form .login-btn:hover{transform:translateY(-2px);box-shadow:5px 5px #181818}.register-page .register-form .register-btn:active,.login-page .register-form .register-btn:active,.register-page .login-form .register-btn:active,.login-page .login-form .register-btn:active,.login-form .register-page .register-form .login-btn:active,.login-form .login-page .register-form .login-btn:active,.register-page .login-form .login-btn:active,.login-page .login-form .login-btn:active{transform:translateY(1px);box-shadow:1.5px 1.5px #181818}.register-page .register-form .login-link,.login-page .register-form .login-link,.register-page .login-form .login-link,.login-page .login-form .login-link,.login-form .register-page .register-form .register-link,.login-form .login-page .register-form .register-link,.register-page .login-form .register-link,.login-page .login-form .register-link{text-align:center;margin-top:1rem;color:#181818a6;font-weight:500;font-size:.85rem}.register-page .register-form .login-link a,.login-page .register-form .login-link a,.register-page .login-form .login-link a,.login-page .login-form .login-link a,.login-form .register-page .register-form .register-link a,.login-form .login-page .register-form .register-link a,.register-page .login-form .register-link a,.login-page .login-form .register-link a{color:#f08ba4;text-decoration:none;font-weight:700}.register-page .register-form .login-link a:hover,.login-page .register-form .login-link a:hover,.register-page .login-form .login-link a:hover,.login-page .login-form .login-link a:hover,.login-form .register-page .register-form .register-link a:hover,.login-form .login-page .register-form .register-link a:hover,.register-page .login-form .register-link a:hover,.login-page .login-form .register-link a:hover{text-decoration:underline}.auth-equalizer{display:flex;justify-content:center;align-items:flex-end;gap:5px;margin-bottom:1rem;height:30px}.auth-equalizer span{width:5px;border-radius:3px;border:1.5px solid #181818;background-color:#181818}.auth-equalizer span:nth-child(1){height:10px;background:#9be3cc}.auth-equalizer span:nth-child(2){height:22px;background:#f8e38f}.auth-equalizer span:nth-child(3){height:30px;background:#f08ba4}.auth-equalizer span:nth-child(4){height:18px;background:#fbbf94}.auth-equalizer span:nth-child(5){height:12px;background:#a3c9f8}@keyframes bounceUpDownMascot{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.04)}}@media(max-width:720px){.register-page .auth-mascot-container,.login-page .auth-mascot-container{display:none!important}}@media(max-width:480px){.register-page,.login-page{padding:1.5rem 1rem;height:auto;min-height:100vh;overflow-y:auto}.register-page .auth-card,.login-page .auth-card{padding:1.8rem 1.2rem;border-radius:20px}}.login-form .forgot-password{text-align:right;margin-top:-.6rem;margin-bottom:1.2rem}.login-form .forgot-password a{text-decoration:none;color:#f08ba4;font-size:.82rem;font-weight:700}.login-form .forgot-password a:hover{text-decoration:underline}.login-form .login-btn{background:#f08ba4}.login-form .login-btn:hover{background:#f29db2}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.notfound-page{min-height:100vh;background:linear-gradient(135deg,#020617,#0f172a,#1e1b4b);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;padding:2rem}.notfound-page .gradient-one,.notfound-page .gradient-two{position:absolute;border-radius:50%;filter:blur(160px);opacity:.4}.notfound-page .gradient-one{width:400px;height:400px;background:#8b5cf6;top:-100px;left:-100px}.notfound-page .gradient-two{width:350px;height:350px;background:#3b82f6;bottom:-100px;right:-100px}.notfound-page .floating-icons .icon{position:absolute;color:#ffffff14;animation:float 5s ease-in-out infinite}.notfound-page .floating-icons .icon1{top:15%;left:10%;width:70px;height:70px}.notfound-page .floating-icons .icon2{bottom:18%;right:10%;width:90px;height:90px;animation-delay:1s}.notfound-page .floating-icons .icon3{top:20%;right:18%;width:50px;height:50px;animation-delay:2s}.notfound-page .notfound-container{position:relative;z-index:2;width:100%;max-width:750px;padding:4rem 3rem;border-radius:32px;background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 40px #0000004d}.notfound-page .notfound-container .music-wave{display:flex;align-items:flex-end;gap:10px;margin-bottom:2.5rem;height:100px}.notfound-page .notfound-container .music-wave span{width:12px;border-radius:20px;background:linear-gradient(180deg,#8b5cf6,#3b82f6);animation:wave 1.2s infinite ease-in-out}.notfound-page .notfound-container .music-wave span:nth-child(1){height:35px;animation-delay:.1s}.notfound-page .notfound-container .music-wave span:nth-child(2){height:65px;animation-delay:.2s}.notfound-page .notfound-container .music-wave span:nth-child(3){height:90px;animation-delay:.3s}.notfound-page .notfound-container .music-wave span:nth-child(4){height:55px;animation-delay:.4s}.notfound-page .notfound-container .music-wave span:nth-child(5){height:100px;animation-delay:.5s}.notfound-page .notfound-container .music-wave span:nth-child(6){height:60px;animation-delay:.6s}.notfound-page .notfound-container .music-wave span:nth-child(7){height:40px;animation-delay:.7s}.notfound-page .notfound-container h1{font-size:9rem;font-weight:800;color:#fff;line-height:1;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.notfound-page .notfound-container h2{font-size:2.5rem;color:#fff;margin-bottom:1rem}.notfound-page .notfound-container p{max-width:550px;color:#ffffffbf;line-height:1.8;font-size:1rem;margin-bottom:2.5rem}.notfound-page .notfound-container .home-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;border-radius:18px;text-decoration:none;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:600;transition:.3s ease;box-shadow:0 10px 25px #8b5cf659}.notfound-page .notfound-container .home-btn:hover{transform:translateY(-4px) scale(1.02)}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.7)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.notfound-page .notfound-container{padding:3rem 2rem}.notfound-page .notfound-container h1{font-size:6rem}.notfound-page .notfound-container h2{font-size:2rem}}@media(max-width:500px){.notfound-page{padding:1rem}.notfound-page .notfound-container{padding:2.5rem 1.5rem}.notfound-page .notfound-container h1{font-size:4.5rem}.notfound-page .notfound-container h2{font-size:1.6rem}.notfound-page .notfound-container p{font-size:.95rem}.notfound-page .notfound-container .music-wave{gap:7px}.notfound-page .notfound-container .music-wave span{width:9px}}