html{scroll-behavior:smooth}section[id]{scroll-margin-top:2rem}.app-title{white-space:nowrap;overflow:visible}.app-card{min-width:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(135deg,#fff,#a78bfa,#60a5fa,#34d399,#fff);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease infinite}.glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.glass-hover:hover{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 0 30px #a78bfa14,0 0 60px #60a5fa0a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delay-1{animation:float 6s ease-in-out 1.5s infinite}.animate-float-delay-2{animation:float 6s ease-in-out 3s infinite}.animate-float-delay-3{animation:float 6s ease-in-out 4.5s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #a78bfa00}50%{box-shadow:0 0 30px #a78bfa1a,0 0 60px #60a5fa0d}}.hover-glow:hover{box-shadow:0 0 20px #a78bfa1a,0 0 40px #60a5fa0f,inset 0 0 20px #ffffff05}.noise-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.btn-primary{background:linear-gradient(135deg,#a78bfa26,#60a5fa26);border:1px solid rgba(167,139,250,.3);transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:linear-gradient(135deg,#a78bfa40,#60a5fa40);border-color:#a78bfa80;box-shadow:0 0 30px #a78bfa26;transform:translateY(-1px)}.btn-secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}@keyframes reveal-up{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:640px){a,button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,html{overflow-x:hidden}}*:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.container{max-width:768px;padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}