:root{--background: #020104;--surface-background: rgba(16, 14, 20, .5);--primary: #5271FF;--accent: #7cff67;--primary-glow: rgba(82, 113, 255, .3);--border: rgba(255, 255, 255, .1);--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-headings: #FFFFFF;--font-family: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--background)}body{font-family:var(--font-family);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:1}.main-container{width:100%;max-width:1200px;background:var(--surface-background);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:3rem 4rem;box-shadow:0 0 0 1px var(--border),0 0 80px -20px var(--primary-glow)}.container{width:100%;max-width:1100px;margin:0 auto}.header{padding-bottom:2rem;border-bottom:1px solid var(--border);background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-headings);display:flex;align-items:center;gap:8px}.logo-icon{font-size:1.8rem;color:var(--accent)}.nav-links a{color:var(--text-primary);text-decoration:none;margin-left:24px;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--accent)}.main-content{flex-grow:1}.hero{padding:80px 0}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:64px}.hero-text{flex:1;max-width:550px}.hero-text h1{font-size:4rem;font-weight:800;color:var(--text-headings);line-height:1.2;margin-bottom:16px}.hero-text h1 .highlight{color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.hero-text p{font-size:1.15rem;color:var(--text-secondary);max-width:500px;margin-bottom:32px}.hero-cta{display:flex;gap:16px}.hero-card{flex-shrink:0}.btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease-in-out;border:1px solid transparent}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background-color:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #7cff6733}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:#ffffff0d;border-color:var(--text-primary)}.footer{padding:40px 0 0;border-top:1px solid var(--border);background-color:transparent}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links a{color:var(--text-secondary);text-decoration:none;margin-right:20px;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}.copyright{color:var(--text-secondary);font-size:.9rem}.page-hero{text-align:center;padding:60px 0}.page-hero h1{font-size:3rem;color:var(--text-headings);margin-bottom:1rem}.page-hero p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-bottom:4rem}.feature-card{background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 30px #0000001a}.feature-card h3{font-size:1.5rem;color:var(--accent);margin-bottom:1rem}.feature-card p{color:var(--text-secondary)}@media (max-width: 992px){.hero-container{flex-direction:column;text-align:center}.hero-text{max-width:100%}.hero-text p{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-card{margin-top:48px}}@media (max-width: 768px){#root{padding:1rem}.main-container{padding:2rem}.header-content{flex-direction:column;gap:16px}.nav-links{margin-top:8px}.hero{padding:60px 0}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1rem}.footer-content{flex-direction:column;text-align:center}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{margin-right:0}.page-hero h1{font-size:2rem}}.darkveil-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.darkveil-container canvas{width:100%;height:100%;display:block}.pc-card-wrapper{--card-opacity: 0;--card-color: #fff;--rotate-x: 0;--rotate-y: 0;--background-x: 50%;--background-y: 50%;--pointer-x: 50%;--pointer-y: 50%;perspective:1000px}.pc-card{width:320px;aspect-ratio:9 / 12;border-radius:20px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .6s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 30px #0003;cursor:pointer}.pc-card.active{transition-duration:.1s;transition-timing-function:linear}.pc-card-wrapper.active{--card-opacity: 1}.pc-inside{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:var(--inner-gradient);border:1px solid rgba(255,255,255,.2)}.avatar{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:filter .6s ease}.pc-shine,.pc-glare{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;pointer-events:none;z-index:4;opacity:var(--card-opacity);transition:opacity .3s}.pc-shine{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 40%)}.pc-glare{background:linear-gradient(135deg,rgba(255,255,255,calc(var(--card-opacity) * .4)),#fff0 60%)}.pc-inside:before,.pc-inside:after{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background-size:200% 200%;background-repeat:no-repeat;animation:20s linear infinite pc-aurora;opacity:var(--card-opacity);transition:opacity .6s ease}.pc-inside:before{background-image:var(--behind-gradient);background-position:var(--background-x) var(--background-y);z-index:2}.pc-inside:after{background-image:var(--grain);mix-blend-mode:screen;opacity:calc(var(--card-opacity) * .5);z-index:3}@keyframes pc-aurora{0%{transform:rotate(0)}to{transform:rotate(360deg)}}