*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;overflow-x:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtle-glow 4s ease-in-out infinite alternate}@keyframes subtle-glow{0%{filter:brightness(1) drop-shadow(0 0 5px rgba(102,126,234,.3))}to{filter:brightness(1.1) drop-shadow(0 0 15px rgba(102,126,234,.5))}}.gradient-border{background:linear-gradient(135deg,#667eea,#764ba2);padding:2px;border-radius:1rem;box-shadow:0 0 20px #667eea33;transition:all .3s ease}.gradient-border:hover{box-shadow:0 0 30px #667eea66;transform:translateY(-2px)}.gradient-border-inner{background:#0f172acc;border-radius:calc(1rem - 2px);backdrop-filter:blur(10px)}#particleCanvas{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;transition:filter .3s ease,transform .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;will-change:filter,transform;transform:translateZ(0)}.rocket-hover{transition:all .3s cubic-bezier(.68,-.55,.265,1.55);outline:none!important;box-shadow:none!important}.rocket-hover:hover{animation:rocket-float .6s ease-in-out;filter:drop-shadow(0 0 15px rgba(255,183,77,.6))}.rocket-hover:focus{outline:2px solid #4fc3f7;outline-offset:4px;border-radius:8px}.rocket-hover:active{transform:scale(.95)}h1{transition:all .3s ease;cursor:pointer;outline:none!important}h1:hover{animation:logo-glow .8s ease-in-out;transform:scale(1.02)}h1:focus{outline:none!important;box-shadow:none!important}h1:active{transform:scale(.98);outline:none!important;-webkit-user-select:none;user-select:none}@keyframes rocket-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.logo-hover:hover{animation:logo-glow .5s ease-in-out}@keyframes logo-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(102,126,234,.5))}}.status-pulse{animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 #4ade80b3}50%{opacity:.7;box-shadow:0 0 0 10px #4ade8000}}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes bigBangShake{0%,to{transform:translate(0) translateY(0)}10%{transform:translate(-10px) translateY(-5px)}20%{transform:translate(10px) translateY(5px)}30%{transform:translate(-8px) translateY(-3px)}40%{transform:translate(8px) translateY(3px)}50%{transform:translate(-6px) translateY(-2px)}60%{transform:translate(6px) translateY(2px)}70%{transform:translate(-4px) translateY(-1px)}80%{transform:translate(4px) translateY(1px)}90%{transform:translate(-2px) translateY(0)}}@keyframes flash{0%,to{background-color:transparent}50%{background-color:#ffffff4d}}@keyframes grandFinale{0%{filter:brightness(1) contrast(1) hue-rotate(0deg);transform:scale(1)}25%{filter:brightness(1.5) contrast(1.2) hue-rotate(90deg);transform:scale(1.02)}50%{filter:brightness(2) contrast(1.5) hue-rotate(180deg);transform:scale(1.05)}75%{filter:brightness(1.5) contrast(1.2) hue-rotate(270deg);transform:scale(1.02)}to{filter:brightness(1) contrast(1) hue-rotate(360deg);transform:scale(1)}}@media (max-width: 640px){#particleCanvas{filter:brightness(.8)}.gradient-border{margin:0 .5rem}@media (prefers-reduced-motion: reduce){.gradient-text,.rocket-hover,h1,.status-pulse{animation:none!important}*{transition:none!important}}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeInUp .8s ease-out}*:focus{outline:2px solid #4fc3f7;outline-offset:2px;border-radius:4px}::selection{background:#667eea4d;color:#fff}::-moz-selection{background:#667eea4d;color:#fff}.gradient-text{will-change:filter}.rocket-hover,h1{will-change:transform}.status-pulse{will-change:opacity,box-shadow}#particleCanvas{will-change:auto;contain:layout style paint}html{scroll-behavior:smooth}@keyframes messageSlide{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes messageSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}
