*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#1a1a2e;overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#ec4899);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#db2777)}::selection{background:rgba(59,130,246,.2);color:#1a1a2e}.container{max-width:1200px;margin:0 auto;padding:0 24px}.footer,.text-center{text-align:center}.footer{background:linear-gradient(135deg,#0a0a0f,#0f172a);padding:48px 0 32px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3b82f6,#ec4899,transparent)}.footer-links{display:flex;justify-content:center;gap:48px;margin-bottom:32px;flex-wrap:wrap}.footer-links a{color:#94a3b8;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.5px;transition:all .3s ease;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#ec4899);transition:width .3s ease}.footer-links a:hover{color:#fff}.footer-links a:hover:after{width:100%}.footer-copyright{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 32px;background:rgba(10,10,15,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.08);transition:all .3s cubic-bezier(.2,.9,.4,1.1)}.header-scrolled{padding:14px 32px;background:rgba(10,10,15,.95);box-shadow:0 8px 32px rgba(0,0,0,.2)}.header-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:baseline;text-decoration:none;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo-text{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a5f3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-dot{font-size:28px;font-weight:800;color:#3b82f6;margin-left:1px}.header-nav{display:flex;gap:40px;align-items:center}.nav-link{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;color:#fff!important;text-decoration:none;transition:all .2s ease;padding:8px 0;position:relative;opacity:.85}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2.5px;background:linear-gradient(135deg,#3b82f6,#ec4899);transition:width .3s ease;border-radius:2px}.nav-link:hover{opacity:1}.nav-link:hover:after{width:100%}.nav-link.active{opacity:1;color:#3b82f6!important}.nav-link.active:after{width:100%;background:linear-gradient(135deg,#3b82f6,#ec4899)}.login-btn{font-family:Inter,sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:10px 28px;border-radius:40px;color:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3)}.user-menu{display:flex;align-items:center;gap:12px}.user-btn{font-weight:600;background:hsla(0,0%,100%,.1);color:#fff;border-radius:40px;border:1px solid hsla(0,0%,100%,.15)}.logout-btn,.user-btn{font-family:Inter,sans-serif;font-size:14px;padding:8px 20px;cursor:pointer}.logout-btn{font-weight:500;background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#94a3b8;border-radius:40px;transition:all .2s}.logout-btn:hover{border-color:#ef4444;color:#ef4444}.mobile-menu-btn{display:none;background:none;border:none;font-size:28px;cursor:pointer;color:#fff}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:rgba(10,10,15,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 24px;display:flex;flex-direction:column;gap:16px;border-top:1px solid hsla(0,0%,100%,.1)}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:12px 0;color:#fff!important;text-decoration:none;font-family:Inter,sans-serif;font-weight:700;font-size:16px;border-bottom:1px solid hsla(0,0%,100%,.08);transition:all .2s}.mobile-nav-link:hover{padding-left:8px}.mobile-nav-link.active,.mobile-nav-link:hover{color:#3b82f6!important}.mobile-login-btn,.mobile-logout-btn{padding:12px;border-radius:40px;font-family:Inter,sans-serif;font-weight:600;font-size:15px;cursor:pointer;margin-top:8px}.mobile-login-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.mobile-logout-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInUp{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 15px rgba(59,130,246,0)}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderGlow{0%,to{border-color:rgba(59,130,246,.3);box-shadow:0 0 5px rgba(59,130,246,.2)}50%{border-color:rgba(59,130,246,.8);box-shadow:0 0 20px rgba(59,130,246,.5)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}75%{transform:translateY(8px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .6s ease forwards}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeInDown{animation:fadeInDown .6s ease forwards}.animate-fadeInLeft{animation:fadeInLeft .6s ease forwards}.animate-fadeInRight{animation:fadeInRight .6s ease forwards}.animate-scaleIn{animation:scaleIn .5s ease forwards}.animate-scaleInUp{animation:scaleInUp .6s cubic-bezier(.2,.9,.4,1.1) forwards}.animate-zoomIn{animation:zoomIn .5s ease forwards}.animate-slideInLeft{animation:slideInLeft .6s cubic-bezier(.2,.9,.4,1.1) forwards}.animate-slideInRight{animation:slideInRight .6s cubic-bezier(.2,.9,.4,1.1) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:floatSlow 5s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-shine{background-size:200% auto;animation:shine 3s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 4s ease infinite}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.animate-wave{animation:wave 2s ease-in-out infinite}.animate-blink{animation:blink 1.5s ease-in-out infinite}.animate-spin{animation:spin 4s linear infinite}.animate-bounce{animation:bounce 2s ease-in-out infinite}.delay-100{animation-delay:.1s;opacity:0;animation-fill-mode:forwards}.delay-200{animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.delay-300{animation-delay:.3s;opacity:0;animation-fill-mode:forwards}.delay-400{animation-delay:.4s;opacity:0;animation-fill-mode:forwards}.delay-500{animation-delay:.5s;opacity:0;animation-fill-mode:forwards}.delay-600{animation-delay:.6s;opacity:0;animation-fill-mode:forwards}.delay-700{animation-delay:.7s;opacity:0;animation-fill-mode:forwards}.delay-800{animation-delay:.8s;opacity:0;animation-fill-mode:forwards}.glass{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.glass,.glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-dark{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.glass-card{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3);transition:all .4s cubic-bezier(.2,.9,.4,1.1)}.glass-card:hover{background:#fff;transform:translateY(-8px);box-shadow:0 25px 40px -15px rgba(0,0,0,.15);border-color:rgba(59,130,246,.3)}.neon-text{color:#fff;text-shadow:0 0 5px #3b82f6,0 0 10px #3b82f6,0 0 20px #3b82f6,0 0 40px #3b82f6}.neon-border{border:1px solid #3b82f6;box-shadow:0 0 10px rgba(59,130,246,.3);transition:all .3s ease}.neon-border:hover{box-shadow:0 0 25px rgba(59,130,246,.6)}.gradient-border{position:relative;background:#fff;border-radius:40px}.gradient-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#3b82f6,#ec4899,#3b82f6);border-radius:42px;z-index:-1}.hover-lift{transition:all .3s cubic-bezier(.2,.9,.4,1.1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 30px -12px rgba(0,0,0,.15)}.hover-scale{transition:transform .3s cubic-bezier(.2,.9,.4,1.1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 25px rgba(59,130,246,.4)}.tilt-3d{transition:all .4s cubic-bezier(.2,.9,.4,1.1);transform-style:preserve-3d;perspective:1000px}.tilt-3d:hover{transform:translateY(-8px) rotateX(3deg);box-shadow:0 30px 40px -20px rgba(0,0,0,.2)}.noise-bg{position:relative;overflow:hidden}.noise-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.glow-on-hover{transition:all .3s ease;position:relative;overflow:hidden}.glow-on-hover:hover{box-shadow:0 0 25px rgba(59,130,246,.5);transform:translateY(-3px)}.glow-on-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.glow-on-hover:hover:before{left:100%}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1}section:last-of-type{margin-bottom:0}body{background:linear-gradient(135deg,#0a0a0f,#0f172a)}.password-strength{height:4px;border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.1)}.password-strength-bar{height:100%;border-radius:4px;transition:width .4s ease,background .4s ease}.password-strength-bar.weak{width:25%;background:#ef4444}.password-strength-bar.medium{width:50%;background:#f59e0b}.password-strength-bar.strong{width:75%;background:#22c55e}.password-strength-bar.very-strong{width:100%;background:#10b981}.password-strength-label{display:block;font-size:11px;margin-top:4px;text-align:right;transition:color .3s}.password-strength-label.weak{color:#ef4444}.password-strength-label.medium{color:#f59e0b}.password-strength-label.strong{color:#22c55e}.password-strength-label.very-strong{color:#10b981}.pricing-page-wrap{min-height:100vh;position:relative;background:linear-gradient(135deg,#0a0a0f,#0f172a 50%,#1a1a2e);padding:120px 0 80px;overflow-x:clip}.pricing-content-wrap{max-width:560px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.pricing-back-link{display:inline-block!important;padding:14px 36px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;border-radius:40px!important;color:#fff!important;font-size:15px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;letter-spacing:.5px!important}.pricing-back-link:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(59,130,246,.3)!important}.pricing-faq-grid-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:12px!important;gap:12px!important}@media (max-width:768px){.pricing-faq-grid-wrap{grid-template-columns:1fr!important}}