@font-face{font-family:Inter;src:url(../fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--miwan-cyan: #47E7FF;--miwan-blue: #2B6BFF;--miwan-violet: #A86BFF;--miwan-pink: #FF76D6;--miwan-highlight: #FFFFFF;--miwan-gradient: linear-gradient(135deg, #47E7FF 0%, #2B6BFF 35%, #A86BFF 65%, #FF76D6 100%);--bg-deep: #04081c;--bg-panel: rgba(16, 26, 92, .55);--bg-glass: rgba(255, 255, 255, .06);--text-primary: #EAF7FF;--text-secondary: #C9D6FF;--text-muted: #9FB0FF;--text-inverse: #0D0F2B;--line-soft: rgba(124, 243, 255, .25);--line-strong: rgba(168, 107, 255, .45);--glow-soft: 0 0 12px rgba(124, 243, 255, .45);--glow-strong: 0 0 24px rgba(255, 118, 214, .5);--shadow-elev: 0 10px 30px rgba(13, 15, 43, .6)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);background-image:linear-gradient(rgba(71,231,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(71,231,255,.03) 1px,transparent 1px),radial-gradient(1000px circle at 80% 10%,rgba(168,107,255,.15) 0%,transparent 60%),radial-gradient(800px circle at 20% 90%,rgba(71,231,255,.1) 0%,transparent 50%),radial-gradient(1200px circle at 50% 50%,rgba(255,118,214,.05) 0%,transparent 60%);background-size:40px 40px,40px 40px,100% 100%,100% 100%,100% 100%;background-attachment:fixed;color:var(--text-primary);scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#7cf3ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#47e7ff80}.glass{background:#101a5ca6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.text-gradient{background:var(--miwan-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 12px rgba(43,107,255,.35)}.btn-primary{background:var(--miwan-gradient);color:var(--text-inverse)!important;font-weight:800;border:1px solid rgba(234,247,255,.35);box-shadow:var(--glow-strong);border-radius:14px;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 36px #ff76d6a6;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px);filter:brightness(.9)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:sweep 3s infinite linear;pointer-events:none}.btn-ghost{background:#ffffff0a;border:1px solid var(--line-soft);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;border-radius:14px}.btn-ghost:hover{background:#ffffff14;box-shadow:inset 0 0 12px #7cf3ff33}.card{background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow-elev),inset 0 0 .5px #ffffff4d;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:#7cf3ff73;box-shadow:var(--shadow-elev),var(--glow-soft)}.music-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.music-card:hover{transform:translateY(-5px);box-shadow:var(--glow-soft);border-color:var(--miwan-cyan)}.music-card .play-btn{opacity:0;transition:all .3s ease;background:var(--miwan-gradient);border:1px solid rgba(255,255,255,.4);box-shadow:var(--glow-soft)}.music-card:hover .play-btn{opacity:1}@media (hover: none){.music-card .play-btn{opacity:1}}.player-bar{transition:transform .3s ease;background:#0b1551d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--miwan-violet);box-shadow:0 -5px 25px #a86bff33}.player-bar.hidden-player{transform:translateY(100%)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.bento-grid{grid-template-columns:1fr}}@keyframes sweep{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:var(--glow-soft)}50%{opacity:.5;box-shadow:none}}.animate-pulse-glow{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.skip-link{position:absolute;top:-40px;left:0;background:var(--miwan-blue);color:#fff;padding:8px 16px;z-index:9999;transition:top .3s}.skip-link:focus{top:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}