:root{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#1f1f1f;--bg-gradient-start:#1a1a2e;--bg-gradient-mid:#2a2a3a;--bg-gradient-end:#1f1f2f;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.6);--text-tertiary:hsla(0,0%,100%,.4);--accent-blue:#2196f3;--accent-blue-dark:#1976d2;--accent-green:#4caf50;--accent-green-dark:#388e3c;--accent-red:#f44336;--shadow-dark:rgba(0,0,0,.4);--shadow-light:hsla(0,0%,100%,.05);--shadow-blue:rgba(33,150,243,.1);--shadow-green:rgba(76,175,80,.1);--border-default:hsla(0,0%,100%,.05);--border-blue:rgba(33,150,243,.2);--border-green:rgba(76,175,80,.2);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--card-min-width-xs:150px;--card-min-width-sm:180px;--card-min-width-md:200px;--card-min-width-lg:220px;--card-min-width-xl:250px;--card-max-height-xs:200px;--card-max-height-sm:250px;--card-max-height-md:300px;--card-max-height-lg:350px}*{box-sizing:border-box;padding:0;margin:0;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-attachment:fixed;color:#fff}a{color:inherit;text-decoration:none}.neomorphic{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border-radius:20px;box-shadow:8px 8px 16px rgba(0,0,0,.4),-8px -8px 16px hsla(0,0%,100%,.05),inset 0 0 0 1px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.neomorphic:hover{box-shadow:12px 12px 24px rgba(0,0,0,.5),-12px -12px 24px hsla(0,0%,100%,.08),inset 0 0 0 1px hsla(0,0%,100%,.08);transform:translateY(-2px)}.neomorphic:active{box-shadow:inset 4px 4px 8px rgba(0,0,0,.5),inset -4px -4px 8px hsla(0,0%,100%,.05);transform:translateY(0)}.neomorphic-inset{background:linear-gradient(145deg,#1f1f1f,#2a2a2a);border-radius:20px;box-shadow:inset 8px 8px 16px rgba(0,0,0,.4),inset -8px -8px 16px hsla(0,0%,100%,.05)}.neomorphic-button{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border:none;border-radius:16px;padding:12px 24px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;box-shadow:6px 6px 12px rgba(0,0,0,.4),-6px -6px 12px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.neomorphic-button:hover{box-shadow:8px 8px 16px rgba(0,0,0,.5),-8px -8px 16px hsla(0,0%,100%,.08);transform:translateY(-2px)}.neomorphic-button:active{box-shadow:inset 4px 4px 8px rgba(0,0,0,.5),inset -4px -4px 8px hsla(0,0%,100%,.05);transform:translateY(0)}.neomorphic-button-primary{background:linear-gradient(145deg,#0070f3,#0051cc);box-shadow:6px 6px 12px rgba(0,112,243,.3),-6px -6px 12px rgba(0,112,243,.1)}.neomorphic-button-primary:hover{box-shadow:8px 8px 16px rgba(0,112,243,.4),-8px -8px 16px rgba(0,112,243,.15)}.neomorphic-input{background:linear-gradient(145deg,#1f1f1f,#2a2a2a);border:none;border-radius:16px;padding:14px 20px;color:#fff;font-size:16px;box-shadow:inset 4px 4px 8px rgba(0,0,0,.4),inset -4px -4px 8px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.neomorphic-input:focus{outline:none;box-shadow:inset 4px 4px 8px rgba(0,0,0,.4),inset -4px -4px 8px hsla(0,0%,100%,.05),0 0 0 3px rgba(0,112,243,.2)}.neomorphic-card{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border-radius:24px;padding:32px;box-shadow:12px 12px 24px rgba(0,0,0,.4),-12px -12px 24px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.neomorphic-card:hover{box-shadow:16px 16px 32px rgba(0,0,0,.5),-16px -16px 32px hsla(0,0%,100%,.08);transform:translateY(-4px)}.container{max-width:1200px;margin:0 auto;padding:20px}@media (max-width:768px){.container{padding:12px}}.btn{padding:12px 24px;border:none;border-radius:16px;font-size:16px;cursor:pointer;transition:all .3s;font-weight:500}.btn-primary{background:linear-gradient(145deg,#0070f3,#0051cc);color:#fff;box-shadow:6px 6px 12px rgba(0,112,243,.3),-6px -6px 12px rgba(0,112,243,.1)}.btn-primary:hover{box-shadow:8px 8px 16px rgba(0,112,243,.4),-8px -8px 16px rgba(0,112,243,.15);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);color:#fff;box-shadow:6px 6px 12px rgba(0,0,0,.4),-6px -6px 12px hsla(0,0%,100%,.05)}.btn-secondary:hover{box-shadow:8px 8px 16px rgba(0,0,0,.5),-8px -8px 16px hsla(0,0%,100%,.08);transform:translateY(-2px)}.input{width:100%;padding:14px 20px;border:none;border-radius:16px;font-size:16px;margin-bottom:16px;background:linear-gradient(145deg,#1f1f1f,#2a2a2a);color:#fff;box-shadow:inset 4px 4px 8px rgba(0,0,0,.4),inset -4px -4px 8px hsla(0,0%,100%,.05)}.input:focus{outline:none;box-shadow:inset 4px 4px 8px rgba(0,0,0,.4),inset -4px -4px 8px hsla(0,0%,100%,.05),0 0 0 3px rgba(0,112,243,.2)}.label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.card{background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border-radius:24px;padding:32px;box-shadow:12px 12px 24px rgba(0,0,0,.4),-12px -12px 24px hsla(0,0%,100%,.05);max-width:500px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:16px 16px 32px rgba(0,0,0,.5),-16px -16px 32px hsla(0,0%,100%,.08);transform:translateY(-4px)}@media (max-width:768px){.card{padding:24px;margin:12px}}@media (max-width:480px){.neomorphic{border-radius:16px}.neomorphic-card{padding:20px}.neomorphic-button{padding:10px 20px;font-size:14px}.neomorphic-input{padding:12px 16px;font-size:14px}}@media (max-width:360px){.neomorphic-card{padding:16px}}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}50%{opacity:1}to{opacity:0}}