.hero-section h1,.logo span{-webkit-text-fill-color:transparent}.footer-links a,.logo,.nav-menu a{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:#0a0a0a;min-height:100vh}.security-warning{position:fixed;bottom:20px;right:20px;background:rgba(239,68,68,.95);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;z-index:10001;backdrop-filter:blur(4px);cursor:pointer;display:none;animation:.5s shakeWarning}@keyframes shakeWarning{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(99,102,241,.2);padding:0 24px;z-index:100}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;cursor:pointer}.btn-logout,.nav-menu a{font-weight:500;transition:.2s}.logo span{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text}.logo i{font-size:22px;color:#6366f1}.nav-menu{display:flex;gap:24px;flex-wrap:wrap}.nav-menu a{color:rgba(255,255,255,.75);font-size:14px;padding:4px 0;border-bottom:2px solid transparent}.nav-menu a:hover{color:#fff;border-bottom-color:#6366f1}.nav-right{display:flex;gap:12px}.btn-logout{background:rgba(239,68,68,.15);border:1px solid #ef4444;color:#ef4444;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13px}.hero-section h1,.stat-number{font-size:48px;font-weight:800}.btn-logout:hover{background:rgba(239,68,68,.3);transform:translateY(-1px)}.main-content{max-width:1200px;margin:80px auto 40px;padding:0 24px}.hero-section{text-align:center;margin-bottom:60px;padding:40px 20px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border-radius:32px;border:1px solid rgba(99,102,241,.2)}.benefit-card,.stat-card{background:#1a1a1a;text-align:center}.hero-section h1{background:linear-gradient(135deg,#fff,#a5b4fc,#c4b5fd);-webkit-background-clip:text;margin-bottom:16px}.hero-section p{color:#9ca3af;font-size:18px;max-width:700px;margin:0 auto}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:60px}.stat-card{border-radius:20px;padding:28px 20px;border:1px solid #2a2a2a;transition:.2s}.stat-card:hover{transform:translateY(-4px);border-color:#6366f1}.stat-number{color:#6366f1;margin-bottom:8px}.stat-label{color:#6b7280;font-size:14px}.section-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:32px;text-align:center}.section-title i{color:#6366f1;margin-right:12px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-bottom:60px}.benefit-card{border-radius:24px;padding:32px;border:1px solid #2a2a2a;transition:.3s}.benefit-card:hover{transform:translateY(-6px);border-color:#6366f1;box-shadow:0 20px 30px -12px rgba(99,102,241,.2)}.benefit-icon{width:80px;height:80px;background:linear-gradient(135deg,#6366f115,#8b5cf615);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:#6366f1}.testimonial-section,.usecases-section{margin-bottom:60px}.benefit-card h3{font-size:20px;margin-bottom:12px;color:#fff}.benefit-card p{color:#9ca3af;line-height:1.6;font-size:14px}.usecases-section{background:linear-gradient(135deg,#0f0f1a,#0a0a0a);border-radius:32px;padding:48px;border:1px solid rgba(99,102,241,.2)}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.usecase-item{background:rgba(255,255,255,.03);border-radius:20px;padding:24px;text-align:center}.usecase-item i{font-size:32px;color:#6366f1;margin-bottom:16px}.usecase-item h4{color:#fff;margin-bottom:8px}.usecase-item p{color:#6b7280;font-size:13px}.testimonial-card{background:linear-gradient(135deg,#1a1a1a,#151520);border-radius:28px;padding:40px;text-align:center;border:1px solid rgba(99,102,241,.3)}.testimonial-text{font-size:18px;color:#e2e8f0;line-height:1.7;margin-bottom:24px;font-style:italic}.testimonial-author{color:#a5b4fc;font-weight:600}.cta-section{text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:32px;padding:56px 32px;margin-bottom:40px}.cta-section h2{font-size:32px;color:#fff;margin-bottom:16px}.cta-section p{color:rgba(255,255,255,.9);margin-bottom:28px;font-size:16px}.btn-primary{background:#fff;border:none;color:#6366f1;padding:14px 36px;border-radius:50px;font-weight:700;font-size:16px;cursor:pointer;transition:.2s}.footer,.footer-links a{color:#6b7280;font-size:12px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.footer{background:#0a0a0a;padding:32px 24px;text-align:center;border-top:1px solid #1a1a1a}.footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:16px;flex-wrap:wrap}.footer-links a{cursor:pointer}.footer-links a:hover{color:#a5b4fc}@media (max-width:900px){.nav-container{flex-direction:column;height:auto;padding:12px 0;gap:12px}.nav-menu{justify-content:center;gap:16px}.nav-right{justify-content:center}.hero-section h1{font-size:32px}.hero-section p{font-size:14px}.cta-section h2,.section-title{font-size:24px}.usecases-section{padding:32px 20px}}@media (max-width:550px){.benefits-grid{grid-template-columns:1fr}.stats-section{grid-template-columns:1fr 1fr}.stat-number{font-size:32px}.main-content{margin:120px auto 40px}}