html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.admin-login-page{background:#070a11;place-items:center;min-height:100vh;display:grid}.admin-login{background:#0d131c;border:1px solid #253040;border-radius:18px;width:420px;max-width:90%;padding:42px}.admin-logo{color:#fff;letter-spacing:-1px;font-size:24px;font-weight:900}.admin-logo span{color:#8b5cf6}.portal-label,.purple-label{color:#8b5cf6;letter-spacing:2px;font-size:10px;font-weight:800}.portal-label{margin-top:4px}.admin-login h1{margin-top:36px;font-size:34px}.login-text{color:#8290a5;margin-top:8px;line-height:1.6}.admin-login input{color:#fff;background:#080c13;border:1px solid #334155;border-radius:9px;width:100%;margin-top:25px;padding:14px}.admin-login button{color:#fff;background:#7c3aed;border:0;border-radius:9px;width:100%;margin-top:14px;padding:14px;font-weight:700}.message{color:#c4b5fd;margin-top:15px;font-size:13px}.admin-layout{background:#080b12;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid #1e293b;flex-direction:column;padding:30px 20px;display:flex}.admin-sidebar nav{flex-direction:column;gap:7px;margin-top:50px;display:flex}.admin-sidebar nav button{text-align:left;color:#8290a5;background:0 0;border:0;border-radius:8px;padding:12px 14px}.admin-sidebar nav button.active{color:#c4b5fd;background:#1a1430}.admin-sidebar nav button:disabled{opacity:.4;cursor:default}.logout{color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:8px;margin-top:auto;padding:11px}.admin-main{padding:45px}.admin-header{align-items:center;display:flex}.admin-header h1{margin-top:8px;font-size:38px}.admin-header>div>p:last-child{color:#8290a5;margin-top:8px}.admin-header a{color:#c4b5fd;margin-left:auto;text-decoration:none}.admin-columns{grid-template-columns:1.05fr .95fr;gap:30px;margin-top:40px;display:grid}.upload-panel,.guide-list{background:#0d131c;border:1px solid #202a38;border-radius:16px;padding:30px}.upload-panel h2,.guide-list h2{margin-bottom:25px}.upload-panel label{color:#a7b2c2;margin:19px 0 8px;font-size:13px;display:block}.upload-panel input,.upload-panel textarea,.upload-panel select{color:#fff;background:#080c13;border:1px solid #334155;border-radius:8px;width:100%;padding:13px}.upload-panel textarea{resize:vertical}.two-columns{grid-template-columns:1fr 1fr;gap:15px;display:grid}.price-box{position:relative}.price-box span{position:absolute;top:13px;left:14px}.price-box input{padding-left:32px}.publish-btn{color:#fff;background:#7c3aed;border:0;border-radius:9px;width:100%;margin-top:28px;padding:14px;font-weight:800}.empty{color:#64748b}.admin-guide-card{border-bottom:1px solid #202a38;padding:20px 0;display:flex}.admin-guide-card h3{margin:8px 0 5px}.admin-guide-card p,.admin-guide-card small{color:#748196}.admin-guide-card strong{margin-left:auto}.status{text-transform:uppercase;font-size:10px;font-weight:800}.published{color:#4ade80}.draft{color:#fbbf24}@media (width<=900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-columns{grid-template-columns:1fr}.admin-main{padding:25px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-width:320px;min-height:100%}body{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#070a11;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a,input,textarea,select{font-family:inherit}button{cursor:pointer}.app{background:#070a11;min-height:100vh}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a11f5;border-bottom:1px solid #1c2430;align-items:center;height:78px;padding:0 7%;display:flex;position:sticky;top:0}.logo{color:#fff;letter-spacing:-1.2px;white-space:nowrap;font-size:24px;font-weight:900;text-decoration:none}.logo span{color:#8b5cf6}.navbar nav{align-items:center;gap:38px;margin-left:70px;display:flex}.navbar nav a{color:#9ca8bb;font-size:15px;text-decoration:none;transition:color .2s}.navbar nav a:hover{color:#fff}.nav-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.login-btn,.signup-btn{border-radius:9px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.login-btn{color:#fff;background:0 0;border:1px solid #334155}.login-btn:hover{background:#111827;border-color:#475569}.signup-btn{color:#fff;background:#7c3aed;border:1px solid #7c3aed}.signup-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.user-menu{align-items:center;gap:18px;display:flex}.library-btn{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;transition:color .2s,background .2s,border-color .2s}.library-btn:hover{color:#fff;background:#111827;border-color:#263244}.hero{background:radial-gradient(circle at 78% 22%,#6930c347,#0000 32%),#070a11;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;min-height:680px;padding:90px 7%;display:grid;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(80px);pointer-events:none;background:#ec489912;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-200px;right:-180px}.hero-left{z-index:2;position:relative}.hero-tag{color:#c4b5fd;letter-spacing:1.6px;background:#7c3aed14;border:1px solid #52368e;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-4px;max-width:760px;margin-top:28px;font-size:clamp(58px,6vw,88px);line-height:.97}.hero h1 span{color:#8b5cf6}.hero-description{color:#9aa6b8;max-width:650px;margin-top:28px;font-size:18px;line-height:1.75}.hero-buttons{gap:14px;margin-top:36px;display:flex}.primary-btn,.secondary-btn{border-radius:9px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}.primary-btn{color:#fff;background:#7c3aed;border:1px solid #7c3aed}.primary-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.secondary-btn{color:#fff;background:#111827;border:1px solid #334155}.secondary-btn:hover{background:#172033}.stats{gap:55px;margin-top:58px;display:flex}.stat{flex-direction:column;gap:5px;display:flex}.stat strong{color:#fff;letter-spacing:-1px;font-size:25px}.stat span{color:#68758a;font-size:13px}.terminal-wrapper{z-index:2;position:relative}.terminal{background:#0c1118;border:1px solid #2a3340;border-radius:17px;width:100%;max-width:600px;margin-left:auto;overflow:hidden;box-shadow:0 35px 100px #0000008c}.terminal-header{background:#151b23;align-items:center;gap:9px;height:55px;padding:0 20px;display:flex}.terminal-header>span{border-radius:50%;width:12px;height:12px}.terminal-red{background:#ff5f57}.terminal-yellow{background:#febc2e}.terminal-green{background:#28c840}.terminal-title{color:#657184;margin-left:auto;margin-right:auto;padding-right:50px;font-family:Consolas,Courier New,monospace;font-size:12px}.terminal-body{color:#d8dee9;min-height:360px;padding:38px;font-family:Consolas,Courier New,monospace;font-size:15px;line-height:1.8}.terminal-body b{color:#8b5cf6}.terminal-success{color:#4ade80}.cursor{animation:1s infinite blink}@keyframes blink{50%{opacity:0}}.guides-section{background:#090d14;padding:110px 7%}.section-heading{max-width:730px}.section-label{color:#8b5cf6;letter-spacing:2px;font-size:12px;font-weight:800}.section-heading h2{color:#fff;letter-spacing:-2px;margin-top:14px;font-size:45px;line-height:1.08}.section-heading p{color:#8793a5;max-width:620px;margin-top:18px;line-height:1.7}.guides-message{color:#94a3b8;background:#0d131c;border:1px solid #202a38;border-radius:12px;margin-top:40px;padding:25px}.guides-message.error{color:#fca5a5;border-color:#7f1d1d}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:55px;display:grid}.guide-card{background:#0e141e;border:1px solid #202a37;border-radius:16px;flex-direction:column;min-height:450px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.guide-card:hover{border-color:#6945ba;transform:translateY(-7px);box-shadow:0 25px 70px #00000038}.guide-cover-wrapper{background:#151d2a;border-radius:12px;width:100%;height:220px;margin-bottom:22px;overflow:hidden}.guide-cover{object-fit:cover;width:100%;height:100%;display:block}.guide-placeholder{background:#151d2a;border-radius:12px;place-items:center;width:100%;height:220px;margin-bottom:22px;font-size:50px;display:grid}.guide-top{align-items:center;min-height:25px;display:flex}.guide-category{color:#8465ce;letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.free-badge{color:#4ade80;background:#4ade801a;border-radius:5px;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:800}.guide-card h3{color:#fff;letter-spacing:-.5px;margin-top:18px;font-size:22px;line-height:1.35}.guide-card>p{color:#8d99ab;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:14px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.guide-footer{border-top:1px solid #212b39;align-items:center;margin-top:auto;padding-top:25px;display:flex}.guide-footer strong{color:#fff;font-size:23px}.guide-footer button{color:#a78bfa;background:0 0;border:none;align-items:center;gap:8px;margin-left:auto;font-weight:700;transition:color .2s;display:flex}.guide-footer button:hover{color:#fff}.membership-section{background:radial-gradient(circle at 100% 0,#3b206c,#0000 46%),#121021;border:1px solid #563a9a;border-radius:22px;grid-template-columns:1.5fr .7fr;align-items:center;gap:70px;margin:100px 7%;padding:60px;display:grid}.membership-content{max-width:680px}.membership-content h2{color:#fff;letter-spacing:-2px;margin-top:12px;font-size:46px;line-height:1.05}.membership-content>p{color:#aba6b6;margin-top:20px;line-height:1.7}.membership-features{color:#d7d0e4;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;font-size:14px;display:grid}.membership-price-card{background:#080a1073;border:1px solid #ffffff1a;border-radius:16px;padding:30px}.membership-price-card>p{color:#c4b5fd;font-weight:700}.price{margin-top:20px}.price>span{color:#fff;font-size:21px}.price strong{color:#fff;letter-spacing:-2px;font-size:52px}.price small{color:#8c97aa}.membership-price-card button{color:#fff;background:#7c3aed;border:none;border-radius:9px;width:100%;margin-top:22px;padding:14px;font-weight:700;transition:background .2s}.membership-price-card button:hover{background:#8b5cf6}.membership-price-card>small{color:#6f7b8d;text-align:center;margin-top:13px;display:block}.about-section{text-align:center;max-width:900px;margin:0 auto;padding:70px 30px 130px}.about-section h2{color:#fff;letter-spacing:-1.5px;margin-top:16px;font-size:42px}.about-section p{color:#8d98a8;max-width:700px;margin:20px auto 0;line-height:1.8}footer{background:#070a11;border-top:1px solid #1d2633;align-items:center;padding:45px 7%;display:flex}.footer-left p{color:#69768a;margin-top:8px;font-size:13px}.footer-links{gap:30px;margin-left:auto;display:flex}.footer-links a{color:#8895a8;font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}footer>small{color:#5f6b7d;margin-left:60px}@media (width<=1000px){.navbar nav{display:none}.hero{grid-template-columns:1fr;gap:60px}.terminal{max-width:100%;margin:0}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-section{grid-template-columns:1fr}}@media (width<=700px){.navbar{padding:0 5%}.logo{font-size:20px}.login-btn{display:none}.signup-btn{padding:9px 13px;font-size:12px}.user-menu{gap:10px}.library-btn{padding:8px 9px;font-size:12px}.hero{padding:65px 5%}.hero h1{letter-spacing:-3px;font-size:52px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{text-align:center;width:100%}.stats{flex-wrap:wrap;gap:25px}.guide-grid{grid-template-columns:1fr}.guides-section{padding:80px 5%}.section-heading h2{font-size:36px}.membership-section{margin:60px 5%;padding:35px 25px}.membership-content h2{font-size:38px}.membership-features{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:25px}.footer-links,footer>small{margin-left:0}}.guide-details-page{color:#fff;background:#070a11;min-height:100vh}.detail-navbar{border-bottom:1px solid #1d2633;align-items:center;height:78px;padding:0 7%;display:flex}.back-link{color:#94a3b8;margin-left:auto;text-decoration:none}.back-link:hover{color:#fff}.guide-detail-container{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;max-width:1250px;margin:auto;padding:90px 40px;display:grid}.detail-cover img,.detail-placeholder{border:1px solid #253040;border-radius:18px;width:100%}.detail-cover img{display:block}.detail-placeholder{background:#101722;place-items:center;min-height:500px;font-size:80px;display:grid}.detail-category{color:#8b5cf6;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:800}.detail-content h1{letter-spacing:-2px;margin-top:18px;font-size:52px;line-height:1.08}.detail-description{color:#9aa6b8;white-space:pre-line;margin-top:25px;font-size:17px;line-height:1.8}.detail-features{color:#cbd5e1;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px;display:grid}.detail-purchase{background:#11101c;border:1px solid #30284a;border-radius:14px;align-items:center;margin-top:45px;padding:25px;display:flex}.detail-purchase>div{flex-direction:column;display:flex}.detail-purchase span{color:#7e8a9c;font-size:12px}.detail-purchase strong{margin-top:4px;font-size:34px}.detail-purchase button{color:#fff;background:#7c3aed;border:none;border-radius:9px;margin-left:auto;padding:14px 30px;font-size:15px;font-weight:800}.secure-payment{color:#64748b;text-align:right;margin-top:12px;font-size:11px}.guide-page-message{color:#94a3b8;background:#070a11;place-items:center;min-height:100vh;display:grid}@media (width<=850px){.guide-detail-container{grid-template-columns:1fr}.detail-content h1{font-size:38px}.detail-features{grid-template-columns:1fr}}.auth-page{color:#fff;background:radial-gradient(circle at 75% 20%,#7c3aed33,#0000 30%),#070a11;min-height:100vh}.auth-navbar{border-bottom:1px solid #1d2633;align-items:center;height:78px;padding:0 7%;display:flex}.auth-back{color:#94a3b8;margin-left:auto;font-size:14px;text-decoration:none}.auth-back:hover{color:#fff}.auth-container{grid-template-columns:1fr 480px;align-items:center;gap:100px;max-width:1200px;min-height:calc(100vh - 78px);margin:auto;padding:70px 40px;display:grid}.auth-intro>span{color:#8b5cf6;letter-spacing:2px;font-size:11px;font-weight:800}.auth-intro h1{letter-spacing:-3px;margin-top:18px;font-size:64px;line-height:1}.auth-intro>p{color:#94a3b8;max-width:540px;margin-top:24px;font-size:17px;line-height:1.7}.auth-benefits{color:#cbd5e1;gap:13px;margin-top:35px;font-size:14px;display:grid}.auth-component{justify-content:center;display:flex}@media (width<=900px){.auth-container{grid-template-columns:1fr;gap:50px}.auth-intro{text-align:center}.auth-intro>p{margin-left:auto;margin-right:auto}.auth-benefits{display:none}.auth-intro h1{font-size:45px}}.clerk-status-card{color:#fff;background:#0d131c;border:1px solid #273244;border-radius:16px;width:100%;max-width:420px;padding:30px}.clerk-status-card h3{font-size:20px}.clerk-status-card p{color:#94a3b8;margin-top:10px;line-height:1.6}.clerk-error-card{border-color:#7f1d1d}