:root{--bg-primary:#e0e5ec;--bg-dark:#0a0e17;--bg-surface:#e0e5ec;--bg-card:#e0e5ec;--border-color:#00000014;--accent-blue:#1e90ff;--accent-blue-dark:#1565c0;--accent-blue-light:#64b5f6;--accent-emerald:#10b981;--accent-pink:#ec4899;--text-main:#2d3748;--text-muted:#718096;--text-on-dark:#f1f5f9;--neu-shadow:8px 8px 16px #b8bec7, -8px -8px 16px #fff;--neu-shadow-sm:4px 4px 8px #b8bec7, -4px -4px 8px #fff;--neu-inset:inset 4px 4px 8px #b8bec7, inset -4px -4px 8px #fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.neu-card{background:var(--bg-surface);box-shadow:var(--neu-shadow);border:1px solid #fff9;border-radius:20px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.neu-card:hover{transform:translateY(-2px);box-shadow:10px 10px 20px #b8bec7,-10px -10px 20px #fff}.neu-card-clickable{cursor:pointer}.neu-card-clickable:active{box-shadow:var(--neu-inset);transform:translateY(0)}.neu-card-dark{background:var(--bg-dark);border:1px solid #ffffff14;border-radius:20px;box-shadow:8px 8px 16px #0006,-4px -4px 12px #ffffff0d}.neu-inset{box-shadow:var(--neu-inset);border-radius:12px}button{text-align:center;justify-content:center;align-items:center;display:inline-flex}.neu-btn{background:var(--bg-surface);box-shadow:var(--neu-shadow-sm);cursor:pointer;text-align:center;border:1px solid #fff9;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.neu-btn:active{box-shadow:var(--neu-inset)}.neu-btn-primary{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#1e90ff 0%,#1565c0 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:4px 4px 12px #1e90ff4d,-2px -2px 8px #ffffff1a}.neu-btn-primary:hover{transform:translateY(-1px);box-shadow:6px 6px 16px #1e90ff66,-3px -3px 10px #ffffff26}.neu-btn-dark{color:#e2e8f0;cursor:pointer;text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:4px 4px 8px #0000004d}.neu-btn-dark:hover{background:#ffffff24;border-color:#1e90ff66}.neu-input{background:var(--bg-surface);width:100%;color:var(--text-main);box-shadow:var(--neu-inset);border:1px solid #0000000f;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.neu-input:focus{border-color:var(--accent-blue);box-shadow:var(--neu-inset), 0 0 0 2px #1e90ff33}.neu-file-input{width:100%;position:relative}.neu-file-input input[type=file]{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.neu-file-input-label{background:var(--bg-surface);width:100%;box-shadow:var(--neu-shadow-sm);color:var(--text-main);cursor:pointer;border:1px solid #fff9;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.neu-file-input-label:hover{border-color:#1e90ff4d;box-shadow:6px 6px 12px #b8bec7,-6px -6px 12px #fff}.neu-file-input input[type=file]:active+.neu-file-input-label{box-shadow:var(--neu-inset)}.neu-file-input-label svg{flex-shrink:0}.badge{border-radius:9999px;align-items:center;gap:6px;padding:5px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-blue{color:#1e90ff;background:#1e90ff1f;border:1px solid #1e90ff40}.badge-emerald{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.badge-pink{color:#ec4899;background:#ec48991f;border:1px solid #ec489940}.gradient-text{background:linear-gradient(135deg,#1e90ff 0%,#1565c0 50%,#0d47a1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.anim-fade-up{animation:.6s cubic-bezier(.25,.46,.45,.94) both fadeInUp}.anim-fade-in{animation:.5s both fadeIn}.anim-slide-right{animation:.5s both slideInRight}.anim-scale-in{animation:.5s cubic-bezier(.25,.46,.45,.94) both scaleIn}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}.expand-enter{opacity:0;max-height:0;transition:max-height .45s cubic-bezier(.25,.46,.45,.94),opacity .4s,padding .4s,margin .4s;overflow:hidden}.expand-enter-active{opacity:1;max-height:200px}.expand-collapse{opacity:1;max-height:200px;transition:max-height .45s cubic-bezier(.25,.46,.45,.94),opacity .4s,padding .4s,margin .4s;overflow:hidden}.expand-collapse.collapsing{opacity:0;max-height:0}@media (max-width:768px){.desktop-nav{display:none!important}#mobile-hamburger-btn{display:flex!important}}@media (min-width:769px){#mobile-hamburger-btn{display:none!important}}