:root{--neo-shadow-dark:#0f2d4a21;--neo-shadow-light:#fffffffa;--neo-surface:linear-gradient(145deg,#f7f8f9,#e9edf1)}.neo-surface{background:var(--neo-surface);box-shadow:12px 12px 26px var(--neo-shadow-dark), -10px -10px 24px var(--neo-shadow-light);border:1px solid #ffffffd1;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s}.neo-surface:hover{box-shadow:16px 16px 32px #0f2d4a26, -12px -12px 28px var(--neo-shadow-light);border-color:#fffffffa;transform:translateY(-2px)}.neo-inset{background:linear-gradient(145deg,#e9edf1,#f7f8f9);border:1px solid #ffffffb8;box-shadow:inset 7px 7px 15px #0f2d4a17,inset -7px -7px 15px #ffffffeb}.neo-button{background:linear-gradient(145deg,#f7f8f9,#e7ebef);border:1px solid #ffffffdb;transition:transform .16s,box-shadow .16s;box-shadow:7px 7px 16px #0f2d4a1f,-7px -7px 16px #fffffff5}.neo-button:hover{box-shadow:9px 9px 20px #0f2d4a24,-8px -8px 18px #fffffffa}.neo-button:active{transform:translateY(1px)scale(.985);box-shadow:inset 7px 7px 15px #0f2d4a1a,inset -7px -7px 15px #ffffffeb}.neo-chip{background:linear-gradient(145deg,#f6f8fa,#e8ecf0);border:1px solid #ffffffd1;box-shadow:4px 4px 9px #0f2d4a1a,-4px -4px 9px #ffffffe6}.neo-field{background:linear-gradient(145deg,#e9edf1,#f7f8f9);border:1px solid #ffffffb8;box-shadow:inset 7px 7px 15px #0f2d4a17,inset -7px -7px 15px #ffffffeb}.neo-field:focus{box-shadow:inset 7px 7px 15px #0f2d4a17,inset -7px -7px 15px #ffffffeb,0 0 0 2px #0f2d4a1a}@media (max-width:639px){.neo-surface{box-shadow:9px 9px 18px #0f2d4a1c,-8px -8px 18px #fffffff5}.neo-surface:hover{transform:none}.neo-button{box-shadow:5px 5px 12px #0f2d4a1a,-5px -5px 12px #fffffff0}}@media (prefers-reduced-motion:reduce){.neo-surface,.neo-button{transition:none!important}.neo-surface:hover{transform:none!important}}.neo-header{box-shadow:0 10px 24px #0f2d4a17,0 -5px 14px #ffffffe0}.neo-header>div{position:relative}.neo-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0f2d4a1a,#0000);height:1px;position:absolute;bottom:-1px;left:4%;right:4%}
