*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f8f6f3;--text: #1a1a2e;--text-muted: #6b7280;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .9);--gradient-1: #ff6b6b;--gradient-2: #feca57;--gradient-3: #48dbfb;--gradient-4: #ff9ff3;--gradient-5: #54a0ff}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}.scene{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;overflow:hidden;cursor:default;background:linear-gradient(135deg,#fef9f0,#f0f4ff 35%,#fff0f5 65%,#f0fdf4)}.orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.6;pointer-events:none;will-change:transform;transition:transform .1s linear}.orb-1{width:400px;height:400px;background:var(--gradient-1);top:-10%;left:-5%;opacity:.5;animation:float-1 20s ease-in-out infinite}.orb-2{width:300px;height:300px;background:var(--gradient-3);top:10%;right:-8%;opacity:.55;animation:float-2 25s ease-in-out infinite}.orb-3{width:250px;height:250px;background:var(--gradient-4);bottom:-5%;left:15%;opacity:.5;animation:float-3 22s ease-in-out infinite}.orb-4{width:350px;height:350px;background:var(--gradient-2);bottom:15%;right:10%;opacity:.45;animation:float-4 18s ease-in-out infinite}.orb-5{width:200px;height:200px;background:var(--gradient-5);top:40%;left:50%;margin-left:-100px;opacity:.4;animation:float-5 28s ease-in-out infinite}@keyframes float-1{0%,to{transform:translate(0)}33%{transform:translate(30px,20px)}66%{transform:translate(-20px,40px)}}@keyframes float-2{0%,to{transform:translate(0)}33%{transform:translate(-40px,30px)}66%{transform:translate(20px,-20px)}}@keyframes float-3{0%,to{transform:translate(0)}33%{transform:translate(50px,-30px)}66%{transform:translate(-30px,-20px)}}@keyframes float-4{0%,to{transform:translate(0)}33%{transform:translate(-20px,-40px)}66%{transform:translate(40px,20px)}}@keyframes float-5{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-40px,30px)}}.hero{position:relative;z-index:2;text-align:center;will-change:transform;transition:transform .05s linear;transform-style:preserve-3d;padding:2.5rem 3rem;border-radius:24px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000000f}.title{font-size:clamp(3.5rem,10vw,8rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;background:linear-gradient(135deg,var(--gradient-1) 0%,var(--gradient-4) 25%,var(--gradient-5) 50%,var(--gradient-3) 75%,var(--gradient-2) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .1s linear;transform:translateZ(40px);-webkit-user-select:none;user-select:none}.subtitle{margin-top:1rem;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:400;color:var(--text-muted);letter-spacing:-.01em;transform:translateZ(20px)}.floating-card{position:relative;z-index:2;width:min(420px,85vw);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;will-change:transform,box-shadow;transition:transform .05s linear,box-shadow .15s ease;transform-style:preserve-3d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card-shine{position:absolute;inset:0;pointer-events:none;z-index:1;transition:background .15s ease;border-radius:inherit}.card-content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.card-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--gradient-5),var(--gradient-3));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.25rem}.card-label{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.card-desc{font-size:.9rem;line-height:1.6;color:var(--text-muted)}.accent-bar{position:relative;z-index:2;display:flex;align-items:center;gap:.625rem;will-change:transform;transition:transform .05s linear}.accent-dot{border-radius:50%;flex-shrink:0}.accent-dot-1{width:6px;height:6px;background:var(--gradient-1)}.accent-dot-2{width:5px;height:5px;background:var(--gradient-3)}.accent-dot-3{width:4px;height:4px;background:var(--gradient-4)}.accent-text{font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em;white-space:nowrap}@media(hover:none){.title{animation:gradient-shift 6s ease-in-out infinite}.hero,.floating-card,.accent-bar{transform:none!important}.floating-card{box-shadow:0 20px 60px #0000000f,0 8px 24px #0000000a!important}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero{animation:fade-up .8s cubic-bezier(.16,1,.3,1) both}.floating-card{animation:fade-up .8s cubic-bezier(.16,1,.3,1) .15s both}.accent-bar{animation:fade-up .8s cubic-bezier(.16,1,.3,1) .3s both}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}