.navigation{width:100%;padding:var(--spacing-md) var(--spacing-lg);z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#050505e6,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:2px;font-size:1.5rem;font-weight:700}.logo-dot{color:var(--color-accent)}.nav-links{gap:var(--spacing-lg);display:flex}.nav-links a{text-transform:uppercase;letter-spacing:1px;opacity:.7;padding:5px;font-size:.9rem;transition:opacity .3s,color .3s;position:relative}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--color-text);text-shadow:0 0 10px var(--color-accent-glow)}.nav-links a:before,.nav-links a:after{opacity:0;color:var(--color-accent);font-size:1.1em;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;transform:translateY(-50%)}.nav-links a:before{content:"[";left:0}.nav-links a:after{content:"]";right:0}.nav-links a:hover:before,.nav-links a.active:before{opacity:1;left:-12px}.nav-links a:hover:after,.nav-links a.active:after{opacity:1;right:-12px}@media (width<=768px){.navigation{background:#050505f2;flex-direction:column;gap:15px;padding:15px 20px}.logo{font-size:1.25rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.nav-links a{padding:5px;font-size:.85rem}.nav-links a:before,.nav-links a:after{display:none!important}.nav-links a:hover,.nav-links a.active{text-shadow:none;color:var(--color-accent)}}.page-container{min-height:100vh;padding:0 var(--spacing-lg);z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{text-align:center;max-width:800px}.hero-title-line-wrapper{padding-bottom:.2em;overflow:hidden}.hero-title-line{text-transform:uppercase;letter-spacing:-1px;font-size:clamp(2.5rem,6vw,5rem);display:block}.highlight{color:var(--color-accent)}.hero-subtitle{margin-top:var(--spacing-lg);color:var(--color-text-muted);letter-spacing:1px;font-size:clamp(1rem,2vw,1.5rem);font-weight:300}.kin-header{text-align:center;background:linear-gradient(90deg, var(--color-text), var(--color-text-muted));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:100px;font-size:clamp(2rem,5vw,4rem)}.kin-subtitle{text-align:center;color:var(--color-accent);margin-top:var(--spacing-sm);letter-spacing:1px;font-size:1.2rem}.demo-button{color:#fff;background:var(--color-accent);cursor:none;box-shadow:0 0 20px var(--color-accent-glow);font-size:1.2rem;font-weight:600;font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;border:none;border-radius:30px;padding:15px 40px;transition:transform .3s,box-shadow .3s}.demo-button:hover{box-shadow:0 10px 30px var(--color-accent-glow);transform:translateY(-3px)}@media (width<=768px){.kin-header{margin-top:60px}}.flex-center{justify-content:center;align-items:center;display:flex}.contact-card{padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#0a0a0a99;border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:800px;box-shadow:0 25px 50px -12px #00000080}.contact-header{margin-bottom:var(--spacing-sm);font-size:2.5rem}.contact-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.social-links{justify-content:center;gap:var(--spacing-md);flex-flow:wrap;display:flex}.social-link{padding:var(--spacing-md);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;transition:all .3s;display:flex}.social-link:hover{background:#7b61ff1a;border-color:#7b61ff4d;transform:translate(10px)}.social-icon{background:var(--color-accent);color:#fff;width:40px;height:40px;margin-right:var(--spacing-md);border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.social-name{font-size:1.1rem;font-weight:500}@media (width<=768px){.contact-card{padding:var(--spacing-lg)}.contact-header{font-size:2rem}.social-links{flex-direction:column}.social-link{justify-content:flex-start;width:100%}}:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--color-bg:#050505;--color-text:#f0f0f0;--color-text-muted:#888;--color-accent:#7b61ff;--color-accent-glow:#7b61ff80;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100%;overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}ul{list-style:none}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}main{z-index:1;flex:1;width:100%;position:relative}.canvas-container{z-index:0;pointer-events:none;width:100%;height:100%;top:0;left:0;position:fixed!important}@media (width<=768px){:root{--spacing-sm:.25rem;--spacing-md:.5rem;--spacing-lg:1rem;--spacing-xl:2rem}}@media (hover:none) and (pointer:coarse){*{cursor:auto!important}.cursor-dot,.cursor-outline,.cursor{display:none!important}}