@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@200;300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--gray-900: #0a0a0a;--gray-800: #141414;--gray-700: #1f1f1f;--gray-600: #333333;--gray-500: #555555;--gray-400: #777777;--gray-300: #999999;--white: #ffffff;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--indigo-500: #6366f1;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--cyan-400: #22d3ee}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{position:relative;height:100vh;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(clamp(80px,15vw,150px));will-change:transform,opacity}.orb-1{width:clamp(400px,60vw,900px);height:clamp(400px,60vw,900px);background:radial-gradient(circle,var(--violet-600) 0%,transparent 70%);top:-30%;right:-20%;opacity:.5;animation:breathe-1 12s ease-in-out infinite}.orb-2{width:clamp(350px,55vw,800px);height:clamp(350px,55vw,800px);background:radial-gradient(circle,var(--fuchsia-500) 0%,transparent 70%);bottom:-35%;left:-20%;opacity:.4;animation:breathe-2 15s ease-in-out infinite}@keyframes breathe-1{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-30px,20px) scale(1.05);opacity:.6}}@keyframes breathe-2{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(25px,-15px) scale(1.03);opacity:.5}}.main{position:relative;z-index:10;text-align:center;padding:clamp(20px,4vw,40px);max-width:100vw;width:100%;animation:fade-in 1.2s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pill{display:inline-flex;align-items:center;gap:clamp(8px,1.5vw,12px);padding:clamp(10px,1.5vw,14px) clamp(16px,2.5vw,24px);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:50px;margin-bottom:clamp(32px,5vw,48px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill-dot{width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);background:var(--cyan-400);border-radius:50%;box-shadow:0 0 12px var(--cyan-400);animation:pulse-subtle 3s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.5}}.pill-text{font-size:clamp(.65rem,1.2vw,.8rem);font-weight:400;letter-spacing:clamp(1.5px,.3vw,2.5px);text-transform:uppercase;color:var(--gray-400)}.headlines{margin-bottom:clamp(20px,3vw,32px)}.headline-primary,.headline-accent{font-family:Syne,sans-serif;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:clamp(-1px,-.15vw,-2px)}.headline-primary{font-size:clamp(2rem,8vw,5.5rem);color:#fffc;margin-bottom:clamp(4px,.8vw,10px)}.headline-accent{font-size:clamp(2.8rem,12vw,8rem);background:linear-gradient(135deg,var(--white) 0%,var(--violet-400) 40%,var(--fuchsia-400) 60%,var(--cyan-400) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.typing-line{height:clamp(28px,4vw,40px);margin-bottom:clamp(32px,5vw,48px);display:flex;align-items:center;justify-content:center}.typing{font-size:clamp(.8rem,2vw,1.15rem);font-weight:300;color:var(--gray-500);letter-spacing:.3px}.caret{display:inline-block;width:2px;height:1.1em;background:var(--violet-400);margin-left:3px;opacity:0;transition:opacity .15s ease}.caret.visible{opacity:1}.separator{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,20px);margin-bottom:clamp(32px,5vw,48px)}.sep-line{width:clamp(40px,8vw,80px);height:1px;background:linear-gradient(90deg,transparent,var(--gray-700),transparent)}.sep-dot{width:4px;height:4px;background:var(--gray-600);border-radius:50%}.creator{margin-bottom:clamp(40px,6vw,56px)}.creator-label{font-size:clamp(.6rem,1vw,.75rem);font-weight:400;text-transform:uppercase;letter-spacing:clamp(2px,.4vw,4px);color:var(--gray-600);margin-bottom:clamp(8px,1.2vw,14px)}.creator-name{font-family:Syne,sans-serif;font-size:clamp(1.4rem,4.5vw,2.8rem);font-weight:600;letter-spacing:clamp(4px,1vw,10px);text-transform:uppercase;background:linear-gradient(135deg,var(--white) 20%,var(--violet-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.8vw,18px)}.loader-track{width:clamp(140px,22vw,220px);height:2px;background:var(--gray-800);border-radius:10px;overflow:hidden;position:relative}.loader-fill{position:absolute;left:0;width:30%;height:100%;background:linear-gradient(90deg,var(--violet-500),var(--fuchsia-500),var(--cyan-400));border-radius:10px;animation:loader-slide 3s ease-in-out infinite}@keyframes loader-slide{0%{left:-30%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.loader-text{font-size:clamp(.6rem,1vw,.72rem);font-weight:400;text-transform:uppercase;letter-spacing:clamp(1.5px,.3vw,2.5px);color:var(--gray-600)}@media (max-width: 375px){.headline-primary{font-size:1.8rem}.headline-accent{font-size:2.5rem}.creator-name{font-size:1.3rem;letter-spacing:3px}.typing{font-size:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.headline-primary{font-size:3.5rem}.headline-accent{font-size:5.5rem}.creator-name{font-size:2rem}}@media (min-width: 1025px) and (max-width: 1440px){.headline-primary{font-size:4.5rem}.headline-accent{font-size:6.5rem}.creator-name{font-size:2.4rem}}@media (min-width: 1441px) and (max-width: 1920px){.headline-primary{font-size:5rem}.headline-accent{font-size:7.5rem}.creator-name{font-size:2.6rem}}@media (min-width: 1921px){.main{max-width:1600px}.headline-primary{font-size:5.5rem}.headline-accent{font-size:8rem}.creator-name{font-size:3rem}.typing{font-size:1.25rem}}@media (min-width: 2560px){.main{max-width:2000px}.headline-primary{font-size:6rem}.headline-accent{font-size:10rem}.creator-name{font-size:3.5rem}}@media (max-height: 500px) and (orientation: landscape){.main{padding:16px}.pill{margin-bottom:20px;padding:8px 16px}.headlines{margin-bottom:14px}.headline-primary{font-size:1.6rem}.headline-accent{font-size:2.4rem}.typing-line{margin-bottom:18px;height:22px}.separator{margin-bottom:18px}.creator{margin-bottom:24px}.creator-name{font-size:1.1rem;letter-spacing:3px}}
