@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.prism-background-wrapper{background:#000;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-100}:root{--primary-color:#f8fafc;--secondary-color:#94a3b8;--tertiary-color:#64748b;--background-start:#0f172a;--background-end:#1e293b;--card-background:#1e293bcc;--card-border:#3b82f633;--border-color:#94a3b833;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--glass-bg:#1e293b99;--glass-border:#3b82f64d;--shadow-subtle:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-medium:0 4px 6px #0000001a,0 2px 4px #0000000f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f8fafc;color:var(--primary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}#root,.app-wrapper,body{background-color:initial}#root,.app-wrapper{isolation:isolate;min-height:100vh}.app-wrapper{background:#0f172a;background:var(--background-start);display:flex;flex-direction:column;min-height:100vh;position:relative}main{flex-grow:1}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}a{text-decoration:none}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-bottom:1px solid #ffffff0d;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar{justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 2rem}.nav-brand .logo,.navbar{align-items:center;display:flex}.nav-brand .logo{color:#f8fafc;color:var(--primary-color);font-size:1.2rem;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.nav-brand .logo:hover{color:#3b82f6;color:var(--accent-color)}.nav-menu{align-items:center;display:flex;gap:1.5rem}.nav-link{background:#0000;border:none;border-radius:.375rem;color:#94a3b8;color:var(--secondary-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff0d;color:#f8fafc;color:var(--primary-color)}.nav-link.btn-primary{background:#3b82f6;background:var(--accent-color);color:#fff}.nav-link.btn-primary:hover{background:#2563eb;background:var(--accent-hover);transform:translateY(-1px)}.nav-link.btn-secondary{border:1px solid #fff3;color:#94a3b8;color:var(--secondary-color)}.nav-link.btn-secondary:hover{border-color:#ffffff4d;color:#f8fafc;color:var(--primary-color)}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:.25rem;padding:.5rem}.hamburger span{background:#f8fafc;background:var(--primary-color);border-radius:1px;height:2px;transition:all .3s ease;width:20px}.mobile-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0af2;border-top:1px solid #ffffff1a;left:0;padding:1rem 2rem;position:fixed;right:0;top:100%;z-index:999}.mobile-nav-link{background:none;border:none;border-bottom:1px solid #ffffff1a;color:#94a3b8;color:var(--secondary-color);cursor:pointer;display:block;font-size:1rem;padding:1rem 0;text-align:left;text-decoration:none;transition:color .3s ease;width:100%}.mobile-nav-link:hover{color:#f8fafc;color:var(--primary-color)}.mobile-nav-link:last-child{border-bottom:none}@media (max-width:768px){.nav-menu{display:none}.hamburger{display:flex}.navbar{padding:.75rem 1rem}}.hero{align-items:center;display:flex;height:100vh;justify-content:center;padding:0 1rem;position:relative;text-align:center;z-index:2}.hero-content h1{color:#f8fafc;color:var(--primary-color);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.hero-content p{color:#94a3b8;color:var(--secondary-color);font-size:clamp(1.1rem,2.5vw,1.2rem);font-weight:400;line-height:1.6;margin:0 auto 2rem;max-width:600px}.hero-btn{background:#3b82f6;background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-medium);color:#fff;display:inline-block;font-size:1rem;font-weight:600;margin-top:2rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.hero-btn:hover{background:#2563eb;background:var(--accent-hover);box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}section{padding:8rem 0;position:relative;z-index:2}.section-header{margin-bottom:5rem;text-align:center}.section-header h2{color:#f8fafc;color:var(--primary-color);font-size:clamp(2rem,4vw,2.5rem);font-weight:600;letter-spacing:-.5px;margin-bottom:1rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;background:var(--card-background);border:1px solid #3b82f633;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;box-shadow:var(--shadow-subtle);padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#3b82f6;border-color:var(--accent-color);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.feature-card h3{align-items:center;color:#f8fafc;color:var(--primary-color);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem}.feature-card h3 svg{color:#3b82f6;color:var(--accent-color)}.feature-card p{color:#94a3b8;color:var(--secondary-color);font-size:1rem;line-height:1.6}.split-section .split-section-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.split-section .image-content img{border-radius:8px;display:block;height:auto;max-width:100%;width:100%}#device-image{transform-style:preserve-3d;transition:transform .4s ease-out}.hardware-features{margin-top:2.5rem}.hardware-feature-item{align-items:flex-start;display:flex;margin-bottom:2rem;text-align:left}.hardware-feature-item svg{color:#3b82f6;color:var(--accent-color);flex-shrink:0;height:32px;margin-right:1.5rem;width:32px}.hardware-feature-item h4{color:#f8fafc;color:var(--primary-color);font-size:1.1rem;margin:0 0 .5rem}.hardware-feature-item p{color:#94a3b8;color:var(--secondary-color);margin:0}#software .text-content{padding-right:2rem}#software .software-features-list{list-style:none;margin-top:2rem;padding:0;text-align:left}#software .software-features-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative}#software .software-features-list li:before{color:#3b82f6;color:var(--accent-color);content:"✓";left:0;position:absolute;top:2px}.auth-page,.dashboard-page,.payment-status-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:8rem 2rem 4rem;text-align:center}.auth-form-container,.dashboard-content,.profile-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;background:var(--card-background);border:1px solid #3b82f633;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 20px #00f5ff1a;max-width:450px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.auth-form-container:before,.dashboard-content:before,.profile-content:before{background:linear-gradient(90deg,#0000,#3b82f6,#0000);background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:1px;left:0;opacity:.7;position:absolute;right:0;top:0}.auth-form-container h1,.dashboard-content h1,.profile-content h1{margin-bottom:2rem;margin-top:0}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:#94a3b8;color:var(--secondary-color);display:block;margin-bottom:.5rem}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;background:var(--glass-bg);border:1px solid #94a3b833;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#f8fafc;color:var(--primary-color);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#3b82f6;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-button{background:#3b82f6;background:var(--accent-color);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease;width:100%}.auth-button:hover{background:#2563eb;background:var(--accent-hover);box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.auth-switch{margin-top:1.5rem}.auth-switch a{color:#3b82f6;color:var(--accent-color)}.profile-content{max-width:600px;text-align:left}.profile-details{margin-bottom:2rem}.profile-detail-item{align-items:center;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border-color);display:flex;font-size:1.1rem;justify-content:space-between;padding:1rem 0}.profile-detail-item:last-child{border-bottom:none}.profile-detail-item strong{color:#94a3b8;color:var(--secondary-color);margin-right:1rem}.profile-detail-item span{color:#f8fafc;color:var(--primary-color);word-break:break-all}.subscription-status.inactive{border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .5rem}.profile-actions{border-top:1px solid #94a3b833;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem;text-align:center}.profile-actions .auth-button{display:inline-block;padding:.8rem 1.5rem;width:auto}.error-message{background-color:#f851491a;border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:6px;color:#ef4444;color:var(--error-color);margin-top:1.5rem;padding:.75rem;text-align:center}.success-message{background-color:#2386361a;border:1px solid #10b981;border:1px solid var(--success-color);border-radius:6px;color:#10b981;color:var(--success-color);margin:1.5rem 0;max-width:500px;padding:1.5rem}.footer{border-top:1px solid #94a3b833;border-top:1px solid var(--border-color);margin-top:auto;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.nav-center{display:none}.mobile-menu-btn{display:block}}@media (max-width:820px){.nav-actions{gap:.5rem}.nav-btn{font-size:.85rem;padding:.4rem .8rem}.modern-navbar{gap:1rem}.split-section .split-section-grid{gap:3rem;grid-template-columns:1fr}#hardware-build .split-section-grid{gap:2rem;grid-template-rows:auto auto}#hardware-build .image-content{order:1}#hardware-build .text-content{order:2}#software .software-grid .image-content{order:1}#software .software-grid .text-content{order:2;padding-right:0}.hero-content h1{font-size:clamp(2rem,8vw,3rem)}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:2rem}section{padding:6rem 0}.auth-form-container,.dashboard-content,.profile-content{margin:1rem;padding:2rem}}.hero{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}*{transition:all .3s ease}@media (prefers-color-scheme:dark){:root{--glass-bg:#ffffff08;--card-background:#0a0e27e6}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle,.prism-shape{animation:none}}.pricing-page{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:8rem 2rem 4rem}.pricing-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e293bcc;background-color:var(--card-background);border:1px solid #94a3b833;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #0003;max-width:500px;padding:3rem;text-align:center;width:100%}.pricing-header h2{font-size:2rem;margin:0 0 .5rem}.pricing-header p{color:#94a3b8;color:var(--secondary-color);margin-bottom:2.5rem}.price-display{align-items:flex-start;color:#3b82f6;color:var(--accent-color);display:flex;justify-content:center;margin-bottom:2.5rem}.price-display .currency-symbol{font-size:2rem;font-weight:600;margin-right:.5rem;margin-top:.5rem}.price-display .price-amount{font-size:5rem;font-weight:700;line-height:1}.price-display .price-decimal{font-size:2rem;font-weight:600;margin-top:.5rem}.features-list{list-style:none;margin:0 auto 3rem;max-width:300px;padding:0;text-align:left}.features-list li{color:#94a3b8;color:var(--secondary-color);margin-bottom:.75rem}.login-prompt,.payment-section{border-top:1px solid #94a3b833;border-top:1px solid var(--border-color);padding-top:2rem}.login-prompt h3,.payment-section h3{margin-top:0}.prompt-buttons{display:flex;gap:1rem;margin-top:1.5rem}.prompt-buttons .auth-button{flex:1 1}.secondary-button{background-color:initial;border:1px solid #94a3b833;border:1px solid var(--border-color);border-radius:6px;color:#f8fafc;color:var(--primary-color);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.8rem;text-align:center;transition:background-color .2s ease,border-color .2s ease}.secondary-button:hover{background-color:#94a3b833;background-color:var(--border-color);border-color:#94a3b8;border-color:var(--secondary-color)}.subscription-status{border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .75rem}.subscription-status.active{background-color:#10b981;background-color:var(--success-color)}.subscription-status.pending{background-color:orange;color:#000}.subscription-status.inactive{background-color:#ef4444;background-color:var(--error-color)}.success-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e293bcc;background-color:var(--card-background);border:1px solid #94a3b833;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #0003;max-width:700px;padding:3rem;text-align:center;width:100%}.success-card h2{color:#10b981;color:var(--success-color);font-size:2.2rem;margin-top:0}.success-card>p{color:#94a3b8;color:var(--secondary-color);font-size:1.1rem;margin-bottom:3rem}.next-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.step-card{background-color:#0f172a;background-color:var(--background-start);border:1px solid #94a3b833;border:1px solid var(--border-color);border-radius:8px;padding:2rem}.step-card h3{margin-bottom:.5rem;margin-top:0}.step-card p{color:#94a3b8;color:var(--secondary-color);margin-bottom:1.5rem;min-height:40px}.step-card .auth-button,.step-card .secondary-button{box-sizing:border-box;width:100%}.back-link{color:#94a3b8;color:var(--secondary-color);display:inline-block;margin-top:1rem}@media (max-width:600px){.next-steps{grid-template-columns:1fr}}.member-area{border-top:1px solid #94a3b833;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem;text-align:center}.member-area h2{margin-bottom:2rem}.member-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.member-action-card{background-color:#0f172a;background-color:var(--background-start);border:1px solid #94a3b833;border:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center}.member-action-card .auth-button,.member-action-card .secondary-button{box-sizing:border-box;width:100%}.step-icon{align-items:center;background-color:#3b82f6;background-color:var(--accent-color);border-radius:50%;color:#0f172a;color:var(--background-start);display:inline-flex;height:50px;justify-content:center;margin-bottom:1rem;width:50px}@media (max-width:600px){.member-actions{grid-template-columns:1fr}}
/*# sourceMappingURL=main.581d451f.css.map*/