html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:radial-gradient(circle at 12% 10%, #1670cb2e, transparent 30%), radial-gradient(circle at 90% 22%, #35e6ff1a, transparent 24%), radial-gradient(circle at 50% 90%, #2497ff14, transparent 34%), var(--bg);min-height:100vh;color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.section{padding:96px 0;position:relative}.section-sm{padding:64px 0}.eyebrow{border:1px solid var(--border-strong);color:var(--primary-light);letter-spacing:.11em;text-transform:uppercase;background:#2497ff14;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);content:"";border-radius:50%}.section-heading{max-width:720px;margin-bottom:44px}.section-heading h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.08}.section-heading p{max-width:650px;color:var(--muted);margin-top:16px;font-size:1.02rem}.gradient-text{background:linear-gradient(100deg,#fff 4%,#78caff 48%,#32dfff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:800;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #1277df);color:#fff;box-shadow:0 12px 28px #2497ff40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 38px #2497ff59}.btn-secondary{border-color:var(--border);color:var(--text);background:#ffffff09}.btn-secondary:hover{border-color:var(--border-strong);background:#2497ff14;transform:translateY(-3px)}.btn-accent{background:linear-gradient(135deg, var(--cyan), var(--green));color:#04121a;box-shadow:0 12px 28px #35e6ff47}.btn-accent:hover{transform:translateY(-3px);box-shadow:0 16px 38px #43e2a261}.btn-small{border-radius:11px;min-height:40px;padding:0 14px;font-size:.88rem}.icon{flex:none;width:20px;height:20px}.site-header{z-index:1000;border-bottom:1px solid #0000;transition:all .25s;position:fixed;inset:0 0 auto}.site-header.scrolled{border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b14d9;box-shadow:0 12px 35px #00000038}.navbar{justify-content:space-between;align-items:center;gap:22px;height:78px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:12px;font-size:1.18rem;font-weight:900;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);width:42px;height:42px;color:var(--primary-light);box-shadow:var(--glow);background:linear-gradient(145deg,#73c4ff40,#2497ff0d),#08182a;border-radius:13px;place-items:center;font-family:JetBrains Mono,monospace;font-size:.86rem;font-weight:800;display:grid}.brand span:last-child{color:var(--primary-light)}.nav-links{color:#c1d0df;align-items:center;gap:26px;font-size:.92rem;font-weight:700;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:after{background:var(--primary);content:"";border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-cta{display:none}.menu-toggle{border:1px solid var(--border);color:#fff;background:#ffffff0a;border-radius:13px;width:46px;height:46px;display:none}.hero{isolation:isolate;align-items:center;min-height:100vh;padding:132px 0 72px;display:flex;position:relative}.hero:before{z-index:-1;content:"";border:1px solid #73c4ff1a;border-radius:50%;width:600px;height:600px;position:absolute;top:50px;left:-260px;box-shadow:0 0 0 70px #2497ff06,0 0 0 140px #2497ff05}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;display:grid}.hero-copy h1{letter-spacing:-.065em;max-width:760px;margin-top:22px;font-size:clamp(2.65rem,6.3vw,5.25rem);line-height:.99}.hero-copy>p{color:#a9bbce;max-width:670px;margin-top:24px;font-size:clamp(1rem,1.7vw,1.16rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px;display:grid}.metric{border:1px solid var(--border);background:#ffffff07;border-radius:16px;padding:17px}.metric strong{letter-spacing:-.04em;font-size:1.35rem;display:block}.metric span{color:var(--muted);font-size:.78rem}.hero-visual{position:relative}.dashboard{border:1px solid var(--border-strong);box-shadow:var(--shadow), var(--glow);background:linear-gradient(145deg,#102843fa,#07121ffa);border-radius:26px;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-4deg)rotateX(2deg)}.dashboard:after{pointer-events:none;content:"";background:linear-gradient(120deg,#ffffff14,#0000 35%);position:absolute;inset:0}.window-bar{border-bottom:1px solid var(--border);background:#ffffff06;align-items:center;gap:7px;height:45px;padding:0 16px;display:flex}.window-dot{background:#fff3;border-radius:50%;width:9px;height:9px}.window-dot:first-child{background:#ff6b81}.window-dot:nth-child(2){background:#ffd166}.window-dot:nth-child(3){background:#43e2a2}.dash-body{grid-template-columns:76px 1fr;min-height:470px;display:grid}.dash-sidebar{border-right:1px solid var(--border);background:#030b1457;flex-direction:column;align-items:center;gap:13px;padding:18px 12px;display:flex}.dash-logo{background:linear-gradient(145deg, var(--primary), var(--primary-dark));border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-weight:800;display:grid}.side-item{color:#7190aa;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.side-item.active{color:var(--primary-light);background:#2497ff24}.dash-content{padding:22px}.dash-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.dash-title strong{font-size:1rem;display:block}.dash-title span{color:var(--muted);font-size:.72rem}.live-pill{color:var(--green);background:#43e2a214;border:1px solid #43e2a242;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.66rem;font-weight:800;display:inline-flex}.live-pill:before{background:var(--green);width:6px;height:6px;box-shadow:0 0 9px var(--green);content:"";border-radius:50%}.dash-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dash-stat{border:1px solid var(--border);background:#ffffff06;border-radius:13px;padding:13px}.dash-stat span{color:var(--muted);font-size:.62rem}.dash-stat strong{margin-top:4px;font-size:1.12rem;display:block}.chart-box{border:1px solid var(--border);background-color:#ffffff05;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:15px;align-items:flex-end;gap:8px;height:155px;margin-top:14px;padding:18px 15px 14px;display:flex}.bar{background:linear-gradient(to top, #0a67be, var(--cyan));transform-origin:bottom;border-radius:7px 7px 3px 3px;flex:1;min-width:9px;animation:1.2s both grow;box-shadow:0 0 12px #35e6ff24}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.terminal{border:1px solid var(--border);color:#a7bdd0;background:#050c14;border-radius:15px;margin-top:14px;padding:14px;font-family:JetBrains Mono,monospace;font-size:.64rem}.terminal .green{color:var(--green)}.terminal .blue{color:var(--primary-light)}.terminal .muted{color:#4f6980}.floating-card{z-index:3;border:1px solid var(--border-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09192aeb;border-radius:14px;padding:13px 16px;position:absolute}.floating-card strong{font-size:.82rem;display:block}.floating-card span{color:var(--muted);font-size:.68rem}.floating-card.one{top:65px;right:-34px}.floating-card.two{bottom:45px;left:-34px}.trust-strip{border-block:1px solid var(--border);background:#ffffff05}.trust-grid{grid-template-columns:repeat(6,1fr);align-items:center;gap:20px;min-height:102px;display:grid}.tech-name{color:#7890a8;text-align:center;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:800;transition:color .2s}.tech-name:hover{color:var(--primary-light)}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.about-card{border:1px solid var(--border);border-radius:var(--radius);min-height:480px;box-shadow:var(--shadow);background:radial-gradient(circle at 75% 22%,#35e6ff29,#0000 26%),linear-gradient(145deg,#0f2742f2,#07121ff2);padding:28px;position:relative;overflow:hidden}.profile-code{color:var(--primary-light);background:#2497ff1c;border-radius:9px;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-flex}.about-symbol{border:1px solid var(--border-strong);width:190px;height:190px;color:var(--primary-light);background:radial-gradient(circle,#2497ff40,#2497ff08 60%),#081522;border-radius:50%;place-items:center;margin:52px auto 36px;font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:900;display:grid;box-shadow:0 0 0 18px #2497ff09,0 0 0 38px #2497ff05,0 0 65px #2497ff38}.about-tag{color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:.88rem;display:flex}.about-tag i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.about-copy h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.07}.about-copy>p{color:var(--muted);margin-top:20px;font-size:1.03rem}.skill-list{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px;display:grid}.skill-item{border:1px solid var(--border);color:#c8d7e5;background:#ffffff06;border-radius:13px;align-items:center;gap:11px;padding:13px;font-size:.88rem;font-weight:700;display:flex}.skill-check{width:24px;height:24px;color:var(--primary-light);background:#2497ff1f;border-radius:8px;place-items:center;font-size:.74rem;display:grid}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(145deg,#0e1f33eb,#08121feb);transition:all .27s;box-shadow:0 18px 48px #0003}.card:hover{border-color:var(--border-strong);box-shadow:0 25px 60px #00000052, var(--glow);transform:translateY(-7px)}.service-card{min-height:285px;padding:25px}.service-icon{border:1px solid var(--border-strong);width:54px;height:54px;color:var(--primary-light);background:linear-gradient(145deg,#2497ff2e,#2497ff0a);border-radius:15px;place-items:center;margin-bottom:22px;font-size:1.45rem;display:grid}.service-card h3{font-size:1.13rem}.service-card p{color:var(--muted);margin-top:10px;font-size:.89rem}.service-link{color:var(--primary-light);align-items:center;gap:7px;margin-top:20px;font-size:.85rem;font-weight:800;display:inline-flex}.shop-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{border:1px solid var(--border);min-height:39px;color:var(--muted);background:#ffffff06;border-radius:999px;padding:0 14px;font-size:.8rem;font-weight:800;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--border-strong);color:var(--primary-light);background:#2497ff1c}.search-box{min-width:260px;position:relative}.search-box input{border:1px solid var(--border);color:#fff;background:#ffffff06;border-radius:13px;outline:none;width:100%;height:43px;padding:0 15px 0 41px}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2497ff1a}.search-box span{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.product-card{overflow:hidden}.product-visual{border-bottom:1px solid var(--border);background:radial-gradient(circle at 65% 25%,#35e6ff2e,#0000 28%),linear-gradient(145deg,#102a45,#081420);place-items:center;height:205px;display:grid;position:relative;overflow:hidden}.product-visual:before{content:"";border:1px solid #73c4ff1f;border-radius:50%;width:230px;height:230px;position:absolute;box-shadow:0 0 0 35px #2497ff06,0 0 0 70px #2497ff05}.product-code{z-index:1;color:var(--primary-light);text-shadow:0 0 35px #35e6ff59;font-family:JetBrains Mono,monospace;font-size:2.1rem;font-weight:900}.badge{z-index:2;min-height:28px;color:var(--green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08191fb8;border:1px solid #43e2a240;border-radius:999px;align-items:center;padding:0 10px;font-size:.68rem;font-weight:900;display:inline-flex;position:absolute;top:14px;left:14px}.badge.sale{color:var(--yellow);border-color:#ffd16647}.product-body{padding:21px}.product-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;font-size:.72rem;font-weight:700;display:flex}.product-body h3{margin-top:9px;font-size:1.08rem}.product-body p{min-height:68px;color:var(--muted);margin-top:9px;font-size:.84rem}.product-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-top:17px;display:flex}.price{flex-direction:column;line-height:1.2;display:flex}.price del{color:#6f8396;font-size:.7rem}.price strong{color:#fff;font-size:1.08rem}.project-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.project-card{overflow:hidden}.project-preview{border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 15%,#2497ff33,#0000 27%),#081320;min-height:280px;padding:18px}.mock-browser{background:#0b1b2c;border:1px solid #73c4ff40;border-radius:14px;height:100%;min-height:244px;overflow:hidden;box-shadow:0 18px 45px #00000059}.mock-top{border-bottom:1px solid var(--border);background:#ffffff06;align-items:center;gap:5px;height:32px;padding:0 10px;display:flex}.mock-top i{background:#577085;border-radius:50%;width:6px;height:6px}.mock-body{grid-template-columns:54px 1fr;min-height:210px;display:grid}.mock-side{border-right:1px solid var(--border);background:#030a1259;padding:12px 8px}.mock-side b{background:#2497ff1a;border-radius:7px;height:27px;margin-bottom:8px;display:block}.mock-main{padding:14px}.mock-line{background:#91a8bf26;border-radius:5px;height:9px;margin-bottom:9px}.mock-line.short{width:45%}.mock-line.mid{width:70%}.mock-boxes{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;display:grid}.mock-box{border:1px solid var(--border);background:linear-gradient(145deg,#2497ff1c,#ffffff04);border-radius:8px;height:54px}.mock-chart{border:1px solid var(--border);background:#ffffff04;border-radius:9px;align-items:flex-end;gap:5px;height:73px;padding:10px;display:flex}.mock-chart i{background:linear-gradient(to top, var(--primary-dark), var(--cyan));border-radius:3px 3px 1px 1px;flex:1}.project-body{padding:24px}.project-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.project-top h3{font-size:1.25rem}.project-status{color:var(--green);background:#43e2a217;border-radius:999px;flex:none;padding:5px 9px;font-size:.67rem;font-weight:900}.project-body>p{color:var(--muted);margin-top:11px;font-size:.88rem}.tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.tag{border:1px solid var(--border);color:#a8bdd0;background:#ffffff05;border-radius:8px;padding:5px 9px;font-family:JetBrains Mono,monospace;font-size:.67rem}.project-actions{flex-wrap:wrap;gap:9px;margin-top:19px;display:flex}.code-section{border-block:1px solid var(--border);background-color:#ffffff02;background-image:linear-gradient(90deg,#2497ff09 1px,#0000 1px),linear-gradient(#2497ff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.code-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;display:grid}.code-copy h2{letter-spacing:-.045em;margin-top:18px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08}.code-copy p{color:var(--muted);margin-top:18px}.code-copy ul{gap:10px;margin-top:22px;list-style:none;display:grid}.code-copy li{color:#c8d7e5;gap:10px;font-size:.9rem;display:flex}.code-copy li:before{color:var(--primary-light);content:"✓"}.code-window{border:1px solid var(--border-strong);box-shadow:var(--shadow), var(--glow);background:#050c14;border-radius:20px;overflow:hidden}.code-header{border-bottom:1px solid var(--border);height:46px;color:var(--muted);background:#0b1724;justify-content:space-between;align-items:center;padding:0 15px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}.copy-code{color:var(--primary-light);background:0 0;border:0;font-size:.72rem;font-weight:800}pre{color:#b8ccdd;tab-size:2;padding:24px;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.75;overflow:auto}.c-key{color:#ff7ab2}.c-var{color:#73c4ff}.c-str{color:#a8e6a3}.c-fn{color:#ffd166}.c-comment{color:#547089}.cta{border:1px solid var(--border-strong);box-shadow:var(--shadow), var(--glow);background:radial-gradient(circle at 85% 20%,#35e6ff33,#0000 28%),linear-gradient(135deg,#103153f5,#081626fa);border-radius:28px;padding:34px;position:relative;overflow:hidden}.cta:before{content:"";border:1px solid #73c4ff29;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-170px;right:-110px;box-shadow:0 0 0 42px #2497ff08,0 0 0 84px #2497ff05}.cta-inner{z-index:1;justify-content:space-between;align-items:center;gap:32px;display:flex;position:relative}.cta h2{letter-spacing:-.04em;max-width:700px;font-size:clamp(1.75rem,4vw,2.7rem);line-height:1.1}.cta p{max-width:670px;color:var(--muted);margin-top:10px}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:42px;display:grid}.contact-info{gap:13px;display:grid}.contact-item{border:1px solid var(--border);background:#ffffff06;border-radius:15px;align-items:center;gap:14px;padding:17px;display:flex}.contact-item i{width:42px;height:42px;color:var(--primary-light);background:#2497ff1a;border-radius:12px;flex:none;place-items:center;font-style:normal;display:grid}.contact-item strong{font-size:.9rem;display:block}.contact-item span{color:var(--muted);font-size:.78rem}.contact-form{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#0e1f33eb,#08121feb);grid-template-columns:repeat(2,1fr);gap:14px;padding:25px;display:grid}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field label{color:#bccddd;font-size:.78rem;font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--border);color:#fff;background:#030b148c;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 14px;transition:all .2s}.field textarea{resize:vertical;min-height:125px;padding-top:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2497ff1a}.form-message{color:var(--green);background:#43e2a214;border:1px solid #43e2a240;border-radius:11px;grid-column:1/-1;padding:12px;font-size:.8rem;display:none}.site-footer{border-top:1px solid var(--border);background:#02070d85;padding:60px 0 24px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:45px;display:grid}.footer-brand p{max-width:360px;color:var(--muted);margin-top:15px;font-size:.88rem}.footer-col h4{margin-bottom:14px;font-size:.9rem}.footer-col a{width:fit-content;color:var(--muted);margin-top:9px;font-size:.82rem;transition:color .2s;display:block}.footer-col a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--border);color:#6f8599;justify-content:space-between;align-items:center;gap:20px;margin-top:46px;padding-top:20px;font-size:.75rem;display:flex}.socials{gap:8px;display:flex}.socials a{border:1px solid var(--border);width:37px;height:37px;color:var(--muted);background:#ffffff05;border-radius:10px;place-items:center;font-size:.72rem;font-weight:900;transition:all .2s;display:grid}.socials a:hover{border-color:var(--border-strong);color:var(--primary-light);transform:translateY(-2px)}.back-top{z-index:500;border:1px solid var(--border-strong);width:44px;height:44px;color:var(--primary-light);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09192ae6;border-radius:13px;place-items:center;transition:all .25s;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.modal{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00040ac2;place-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.open{display:grid}.modal-dialog{border:1px solid var(--border-strong);background:var(--surface-solid);width:min(100%,620px);max-height:calc(100vh - 40px);box-shadow:var(--shadow), var(--glow);border-radius:22px;animation:.25s modalIn;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:19px 21px;display:flex}.modal-close{border:1px solid var(--border);color:#fff;background:#ffffff08;border-radius:10px;width:38px;height:38px}.modal-content{padding:22px}.modal-content p{color:var(--muted)}.modal-features{gap:9px;margin:18px 0;list-style:none;display:grid}.modal-features li{border:1px solid var(--border);color:#c8d7e5;background:#ffffff06;border-radius:10px;padding:10px 12px;font-size:.84rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}.hidden-card{display:none!important}@media (width<=1050px){.nav-links{gap:17px}.nav-actions .btn-secondary,.nav-actions .btn-accent,.nav-actions .btn-primary{display:none}.hero-grid,.about-grid,.code-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{width:min(100%,720px);margin-inline:auto}.dashboard{transform:none}.about-card{width:min(100%,620px);margin-inline:auto}.cards-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media (width<=820px){.section{padding:76px 0}.menu-toggle{place-items:center;display:grid}.nav-links{z-index:-1;border-left:1px solid var(--border);background:#050b14fa;flex-direction:column;align-items:stretch;gap:4px;width:min(88%,360px);padding:95px 22px 25px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-20px 0 50px #0006}.nav-links.open{transform:translate(0)}.nav-links a{border-radius:11px;padding:13px 12px}.nav-links a:hover{background:#2497ff14}.nav-links a:after{display:none}.nav-cta{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:18px;padding-top:18px;display:flex}.nav-cta .btn{justify-content:center;width:100%}.trust-grid{grid-template-columns:repeat(3,1fr);padding:25px 0}.shop-toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.project-grid{grid-template-columns:1fr}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.container{width:min(calc(100% - 26px), var(--container))}.hero{padding-top:115px}.hero-copy h1{font-size:clamp(2.35rem,13vw,3.5rem)}.hero-metrics{grid-template-columns:1fr}.floating-card{display:none}.dash-body{grid-template-columns:55px 1fr;min-height:400px}.dash-sidebar{padding-inline:7px}.dash-content{padding:15px}.dash-stats{grid-template-columns:1fr}.dash-stat:nth-child(3){display:none}.chart-box{height:120px}.terminal{font-size:.56rem}.skill-list,.cards-grid,.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.about-card{min-height:420px}.about-symbol{width:155px;height:155px}.product-footer{flex-direction:column;align-items:flex-start}.product-footer .btn{width:100%}.project-preview{min-height:245px;padding:12px}.mock-body{grid-template-columns:42px 1fr}.mock-boxes{grid-template-columns:repeat(2,1fr)}.mock-box:last-child{display:none}.cta{padding:25px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}.section-service-packages{padding-top:56px}.service-packages-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-package-card{background:linear-gradient(145deg,#1a273df5,#121f33f5);border:1px solid #7692be33;border-radius:16px;flex-direction:column;min-height:100%;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 14px 32px #0000002e}.service-package-card:hover{border-color:#8f48ff8c;transform:translateY(-4px);box-shadow:0 18px 42px #4a2b962e}.package-icon{color:#a75cff;background:#5c31aa42;border:1px solid #8b5cf659;border-radius:9px;place-items:center;width:44px;height:44px;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:900;display:grid}.service-package-card h3{letter-spacing:-.02em;font-size:1.06rem}.package-subtitle{color:#93a6bd;min-height:48px;margin-top:3px;font-size:.85rem}.package-features{gap:8px;margin:16px 0 20px;padding:0;list-style:none;display:grid}.package-features li{color:#a8b8cc;align-items:center;gap:7px;font-size:.82rem;display:flex}.package-features li span{color:#fff;background:#9a4dff;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;font-size:.62rem;font-weight:900;display:inline-grid}.package-meta{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:4px;display:flex}.package-meta small{color:#72869f;font-size:.72rem;display:block}.package-meta strong{color:#a45cff;font-size:1.08rem;display:block}.package-time{color:#7388a2;white-space:nowrap;font-size:.74rem}.package-cta{color:#fff;background:linear-gradient(90deg,#7c2df1,#2864f5);border-radius:9px;width:100%;min-height:38px;margin-top:14px;font-size:.84rem;box-shadow:0 8px 18px #484aef40}.package-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #484aef57}@media (width<=980px){.service-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.service-packages-grid{grid-template-columns:1fr}.service-package-card{padding:20px}}.product-card-shared{background:var(--surface,#0c1c30c7);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.product-card-shared:hover{border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-6px)}.product-card-shared[role=button]{cursor:pointer}.pcs-visual{aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%, #2497ff40, transparent 55%), linear-gradient(145deg, var(--surface-solid), var(--bg-soft));border-bottom:1px solid var(--border);place-items:center;display:grid;position:relative}.pcs-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b148c;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:800;position:absolute;top:14px;left:14px}.pcs-badge.sale,.pcs-badge.offer{color:var(--bg);background:var(--yellow);border-color:var(--yellow)}.pcs-badge.order{color:var(--bg);background:var(--cyan);border-color:var(--cyan)}.pcs-code{letter-spacing:.02em;color:var(--primary-light);text-shadow:0 0 30px #2497ff59;font-family:JetBrains Mono,monospace;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:900}.pcs-body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.pcs-body h3{color:var(--text);font-size:1.15rem;font-weight:800}.pcs-body p{color:var(--muted);font-size:.92rem;line-height:1.5}.pcs-meta{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.72rem;display:flex}.pcs-meta span{border:1px solid var(--border);background:#0c1c3066;border-radius:999px;padding:4px 10px}.pcs-features{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pcs-features li{color:var(--primary-light);border:1px solid var(--border);background:#2497ff0f;border-radius:8px;padding:3px 9px;font-size:.74rem}.pcs-footer{border-top:1px dashed var(--border);justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:12px;display:flex}.pcs-price{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.pcs-price del{color:var(--muted);font-size:.85rem;text-decoration:line-through}.pcs-price-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;width:100%;font-size:.72rem}.pcs-price strong{color:var(--green);font-size:1.25rem;font-weight:900}.product-card-shared .btn{border:1px solid var(--primary);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;font-size:.85rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.product-card-shared .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2497ff59}.product-card-shared .btn-small{padding:8px 14px;font-size:.8rem}@media (width<=600px){.pcs-footer{flex-direction:column;align-items:stretch}.product-card-shared .btn{width:100%}}.shop-page{overflow:hidden}.shop-page .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.shop-hero{background:radial-gradient(circle at 80% 15%,#2497ff29,#0000 30%);padding:110px 0 72px}.crumb{color:var(--muted);margin-bottom:26px;font-size:.82rem}.crumb a{color:var(--primary-light)}.shop-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:52px;display:grid}.shop-hero h1{letter-spacing:-.055em;max-width:760px;margin:16px 0 18px;font-size:clamp(2.4rem,6vw,5rem);line-height:1.02}.shop-hero>.container>.shop-hero-grid>div>p{max-width:690px;color:var(--muted);font-size:1.02rem}.tagline{border:1px solid var(--border-strong);color:var(--primary-light);text-transform:uppercase;letter-spacing:.1em;background:#2497ff14;border-radius:999px;align-items:center;padding:7px 12px;font-size:.76rem;font-weight:900;display:inline-flex}.shop-hero-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}.shop-stat{border:1px solid var(--border);background:#ffffff06;border-radius:15px;padding:17px}.shop-stat strong,.shop-stat span{display:block}.shop-stat strong{color:var(--primary-light);font-size:1.08rem}.shop-stat span{color:var(--muted);margin-top:4px;font-size:.76rem}.shop-hero-card{border:1px solid var(--border-strong);box-shadow:var(--shadow),0 0 40px #2497ff2e;background:radial-gradient(circle at 80% 20%,#35e6ff2b,#0000 26%),linear-gradient(145deg,#102a45,#07131f);border-radius:26px;padding:30px}.shop-hero-card .icon{border:1px solid var(--border-strong);width:64px;height:64px;color:var(--primary-light);background:#2497ff1a;border-radius:18px;place-items:center;margin-bottom:20px;display:grid}.shop-hero-card h2{font-size:1.45rem}.shop-hero-card p{color:var(--muted);margin-top:8px}.shop-benefits{gap:11px;margin-top:22px;display:grid}.shop-benefit{align-items:center;gap:10px;font-size:.86rem;display:flex}.shop-benefit i{width:23px;height:23px;color:var(--green);background:#43e2a21f;border-radius:50%;place-items:center;font-style:normal;display:grid}.shop-catalog{padding:82px 0}.shop-catalog-head{justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px;display:flex}.shop-catalog-head h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem)}.shop-catalog-head p{color:var(--muted);margin-top:8px}.shop-counter{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:12px;padding:10px 14px;font-size:.8rem}.shop-counter b{color:var(--primary-light)}.shop-toolbar{border:1px solid var(--border);background:#ffffff06;border-radius:16px;grid-template-columns:1fr auto;gap:14px;margin-bottom:14px;padding:14px;display:grid}.shop-left-tools{min-width:0}.shop-search{display:block;position:relative}.shop-search span{color:var(--muted);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.shop-search input,.shop-sort{border:1px solid var(--border);color:#fff;background:#07111d;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px}.shop-search input{padding-left:42px}.shop-search input:focus,.shop-sort:focus{border-color:var(--primary)}.shop-sort{min-width:190px}.shop-filters{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.shop-filter{border:1px solid var(--border);min-height:39px;color:var(--muted);background:#ffffff06;border-radius:999px;padding:0 14px;font-size:.78rem;font-weight:800}.shop-filter.active,.shop-filter:hover{border-color:var(--primary);color:var(--primary-light);background:#2497ff1f}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.shop-grid-item{min-width:0;display:flex}.shop-grid-item>*{width:100%}.shop-empty{text-align:center;border:1px dashed var(--border);border-radius:18px;padding:55px}.shop-empty p{color:var(--muted)}.shop-info-strip{padding:0 0 82px}.shop-info-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.shop-info{border:1px solid var(--border);background:#ffffff05;border-radius:17px;padding:22px}.shop-info i{font-size:1.35rem;font-style:normal}.shop-info h3{margin-top:10px;font-size:1rem}.shop-info p{color:var(--muted);margin-top:5px;font-size:.8rem}.shop-modal{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c2;place-items:center;padding:20px;display:none;position:fixed;inset:0}.shop-modal.open{display:grid}.shop-dialog{border:1px solid var(--border-strong);background:var(--surface-solid);width:min(100%,560px);max-height:min(720px,90vh);box-shadow:var(--shadow);border-radius:22px;overflow:auto}.shop-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.shop-close{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:0 0;border-radius:11px}.shop-modal-body{padding:22px}.shop-modal-body>p{color:var(--muted)}.shop-modal-list{gap:9px;margin:20px 0;list-style:none;display:grid}.shop-modal-list li{border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:10px 12px}.shop-modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:end;gap:20px;padding-top:18px;display:flex}.shop-modal-price small,.shop-modal-price b{display:block}.shop-modal-price small{color:var(--muted)}.shop-modal-price b{color:var(--green);font-size:1.5rem}@media (width<=1000px){.shop-hero-grid{grid-template-columns:1fr}.shop-hero-card{max-width:700px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.shop-hero{padding:88px 0 58px}.shop-hero-stats,.shop-toolbar{grid-template-columns:1fr}.shop-sort{min-width:0}.shop-catalog-head{flex-direction:column;align-items:flex-start}.shop-grid,.shop-info-grid{grid-template-columns:1fr}.shop-modal-footer{flex-direction:column;align-items:stretch}.shop-modal-footer .btn{width:100%}}@media (width<=520px){.shop-page .container{width:min(calc(100% - 24px),var(--container))}.shop-hero-card{padding:22px}.shop-catalog{padding:62px 0}.shop-filters{grid-template-columns:repeat(2,1fr);display:grid}.shop-filter{width:100%}}.login-container{background:radial-gradient(circle at top right, var(--bg-tertiary), var(--bg-primary) 70%);width:100%;min-height:100vh;padding:1rem}.login-box{width:100%;max-width:420px;animation:slideUp .5s var(--transition-normal);gap:2rem;padding:2.5rem 2rem}.logo-icon{border:1px solid var(--accent-light);width:64px;height:64px;box-shadow:var(--shadow-glow);background:#3b82f61a;border-radius:50%;margin-bottom:.5rem}.input-wrapper{border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast);background:#0f172a80;position:relative}.input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.input-wrapper input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:1rem}.input-wrapper input::placeholder{color:var(--text-muted)}.input-icon{color:var(--text-muted);position:absolute;left:1rem}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--border-radius-md);transition:all var(--transition-fast);margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--danger);border-radius:var(--border-radius-md);text-align:center;background:#ef44441a;border:1px solid #ef44444d;padding:.75rem;font-size:.875rem}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-footer{text-align:center;margin-top:1.5rem}.link-register{color:var(--accent-primary);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.link-register:hover{color:var(--accent-hover);text-decoration:underline}.navbar{z-index:50;background:#0f172acc;border-top:none;border-left:none;border-right:none;border-radius:0;height:70px;position:sticky;top:0}.user-avatar{border:2px solid var(--accent-primary);object-fit:cover;border-radius:50%;width:36px;height:36px}.btn-logout{color:var(--text-muted);transition:color var(--transition-fast);border-radius:var(--border-radius-sm);padding:.5rem}.btn-logout:hover{color:var(--danger);background:#ef44441a}.btn-profile{color:var(--text-muted);transition:color var(--transition-fast);border-radius:var(--border-radius-sm);padding:.5rem}.btn-profile:hover{color:var(--accent-primary);background:#3b82f61a}@media (width<=640px){.d-none-mobile{display:none}}.progress-container{flex-direction:column;display:flex}.progress-track{background:var(--bg-tertiary);border-radius:9999px;width:100%;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-light));border-radius:9999px;height:100%;transition:width .5s ease-out;box-shadow:0 0 10px #3b82f680}.course-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;height:100%;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lg), 0 0 20px #3b82f626;border-color:#60a5fa4d;transform:translateY(-4px)}.card-image-wrapper{width:100%;height:180px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.course-card:hover .card-image{transform:scale(1.05)}.card-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border);background:#0f172acc;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.completed-badge{background:var(--success);color:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 10px #10b98166}.locked-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all var(--transition-normal);background:#0f172ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-image-wrapper:hover .locked-overlay{background:#0f172a80}.btn-locked{color:var(--text-muted);border-radius:var(--border-radius-md);cursor:not-allowed;opacity:.7;transition:all var(--transition-fast);background:#64646433;border:1px dashed #6464644d;padding:.75rem;font-weight:600}.btn-locked:hover{opacity:.9;background:#6464644d}.card-content{padding:1.5rem}.card-title{color:var(--text-primary);margin-bottom:.5rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn-start{color:var(--accent-light);border-radius:var(--border-radius-md);transition:all var(--transition-fast);background:#3b82f61a;border:1px solid #3b82f633;padding:.75rem;font-weight:600}.btn-start:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #3b82f64d}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.dashboard-content{flex-grow:1;padding-bottom:4rem}.dashboard-hero{border-left:4px solid var(--accent-primary);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{border-radius:var(--border-radius-md);border:1px solid var(--glass-border);background:#0f172a66;padding:1rem 1.5rem}.stat-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bg-blue-alpha{background:#3b82f626}.text-blue{color:#60a5fa}.bg-green-alpha{background:#10b98126}.text-green{color:#34d399}.bg-purple-alpha{background:#a855f726}.text-purple{color:#c084fc}.tracking-wide{letter-spacing:.05em}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.page-fade-in{opacity:0;animation:.6s ease-out forwards fadeIn;transform:translateY(10px)}.delay-1{animation-delay:.15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.dashboard-hero{padding:1.5rem}.courses-grid{grid-template-columns:1fr}}.player-wrapper{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.player-layout{flex-grow:1;grid-template-columns:1fr;gap:0;padding:0;display:grid}@media (width>=1024px){.player-layout{grid-template-columns:1fr 350px;align-items:start}}@media (width>=1280px){.player-layout{grid-template-columns:1fr 400px}}.player-content{background:var(--bg-secondary);box-shadow:none;border:none;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.video-container{background:#000;width:100%;position:relative;overflow:hidden}.video-aspect-ratio{width:100%;min-height:300px;position:relative}@media (width>=768px){.video-aspect-ratio{min-height:400px}}@media (width>=1024px){.video-aspect-ratio{min-height:500px}}.video-placeholder{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.video-placeholder svg{filter:drop-shadow(0 0 10px var(--accent-glow));margin-bottom:1rem}.content-details{padding:1.5rem}.lesson-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width>=640px){.lesson-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.btn-complete{border-radius:var(--border-radius-md);border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.btn-complete.completed{border-color:var(--success);color:var(--success);background:#10b9811a}.player-navigation{border-top:1px solid var(--border-color);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:2rem;display:flex}@media (width<=480px){.player-navigation{flex-direction:column}.player-navigation button{width:100%}}.player-sidebar{background:var(--bg-secondary);border:none;border-left:1px solid var(--border-color);flex-direction:column;max-height:none;display:flex;position:static;overflow:hidden}@media (width>=1024px){.player-sidebar{max-height:calc(100vh - 70px);position:sticky;top:70px}}.sidebar-header{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.sidebar-modules{flex:1;overflow-y:auto}.module-group{border-bottom:1px solid var(--border-color)}.module-header-btn{cursor:pointer;width:100%;transition:background var(--transition-fast);text-align:left;background:#ffffff05;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.module-header-btn:hover{background:#ffffff0d}.module-header-btn.module-active{border-left:3px solid var(--accent-primary);background:#3b82f614}.module-header-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.module-title-text{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.module-progress-badge{color:var(--text-muted);opacity:.7;font-size:.65rem}.module-chevron{color:var(--text-muted);flex-shrink:0;font-size:.65rem;transition:transform .25s;display:inline-block}.module-chevron.expanded{transform:rotate(90deg)}.lesson-list-collapsible{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.lesson-list-collapsible.open{grid-template-rows:1fr}.lesson-list{flex-direction:column;display:flex}.lesson-item{cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.625rem 1.25rem;display:flex}.lesson-item:hover{background:#ffffff08}.lesson-item.active{border-left-color:var(--accent-primary);background:#3b82f614}.lesson-item.active .lesson-title{color:var(--accent-light);font-weight:600}.status-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-icon.completed{color:var(--success)}.lesson-info{flex:1;min-width:0}.lesson-title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.lesson-meta{color:var(--text-muted);font-size:.75rem}.custom-video-player{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.video-element{object-fit:contain;width:100%;height:100%}.video-controls{opacity:0;z-index:20;background:linear-gradient(#0000,#000c);align-items:center;gap:.75rem;padding:1rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.custom-video-player:hover .video-controls{opacity:1}.control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.progress-container{cursor:pointer;flex:1}.progress-bar{background:#ffffff4d;border-radius:3px;height:6px}.progress-fill{background:var(--accent-primary);width:0;height:100%}.video-watermark-container{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.watermark-grid{flex-wrap:wrap;width:200%;height:200%;display:flex;transform:rotate(-25deg)translate(-25%)}.watermark-text{color:#ffffff40;white-space:nowrap;text-shadow:1px 1px 2px #000c;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:20%;height:10%;font-size:clamp(.7rem,2vw,1.4rem);font-weight:700;display:flex}@media (width<=768px){.watermark-text{opacity:.2;font-size:clamp(.6rem,3vw,.9rem)}}.file-content-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:3rem 2rem;display:flex}.file-icon-display{background:#3b82f626;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1rem;display:flex}.file-emoji{font-size:3.5rem}.download-container{margin-top:2rem}.btn-download{background:var(--accent-primary);color:#fff;border-radius:var(--border-radius-lg);align-items:center;gap:1rem;padding:1rem 2rem;text-decoration:none;display:flex}.profile-page{padding:1rem 0 2rem}.profile-header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.profile-avatar{border:3px solid var(--accent-primary);border-radius:50%;width:80px;height:80px}.profile-header h1{margin-bottom:.25rem;font-size:1.5rem}.badge-success{color:var(--success);background:#10b9811a;border-radius:1rem;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.message{border-radius:var(--border-radius-md);margin-bottom:1.5rem;padding:1rem}.message.success{color:var(--success);border:1px solid var(--success);background:#10b9811a}.message.error{color:var(--danger);border:1px solid var(--danger);background:#ef44441a}.profile-sections{gap:1.5rem;display:grid}.profile-sections section{padding:1.5rem}.profile-sections h2{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.125rem;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-tertiary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.75rem 1rem;font-size:.875rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none}.form-group textarea{resize:vertical;min-height:80px}.form-group small{margin-top:.5rem;font-size:.75rem;display:block}.profile-sections .btn-primary{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.875rem;display:flex}.animate-spin{animation:1s linear infinite spin}@media (width>=768px){.profile-sections{grid-template-columns:repeat(2,1fr)}}:root{--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:70px;--neon-accent:#3b82f6;--neon-glow:0 0 15px #3b82f680;--glass-intense:#0f1219cc}.admin-layout{min-height:calc(100vh - var(--header-height));background:var(--bg-primary);color:var(--text-primary);display:flex;position:relative;overflow:hidden}.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite alternate moveBlob;position:absolute}.blob-1{background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);top:-100px;left:-100px}.blob-2{background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);animation-delay:-5s;bottom:-100px;right:-100px}.blob-3{background:radial-gradient(circle,#10b98114 0%,#0000 70%);animation-duration:30s;top:40%;left:30%}@keyframes moveBlob{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,50px)scale(1.1)}to{transform:translate(-50px,100px)scale(.9)}}.admin-sidebar{width:var(--sidebar-width);background:var(--glass-intense);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);top:var(--header-height);height:calc(100vh - var(--header-height));z-index:20;flex-direction:column;padding:1.5rem .75rem;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.sidebar-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-item.active{color:var(--accent-light);background:#3b82f626}.sidebar-item.active:before{content:"";background:var(--accent-primary);width:3px;box-shadow:0 0 10px var(--accent-primary);border-radius:0 4px 4px 0;position:absolute;top:20%;bottom:20%;left:0}.admin-content{z-index:10;flex:1;max-width:100%;padding:2.5rem;position:relative}.content-header{margin-bottom:2.5rem}.content-header h1{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:800}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{border-color:#3b82f64d;transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.stat-info .stat-value{color:#fff;font-size:1.75rem;font-weight:800;line-height:1}.stat-info .stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.admin-table-container{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1.25rem 1.5rem;font-size:.75rem}.admin-table td{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem;font-size:.9375rem}@media (width<=1024px){.admin-sidebar{width:var(--sidebar-collapsed-width)}.sidebar-item span,.sidebar-footer p{display:none}.sidebar-item{justify-content:center;padding:1rem}.admin-content{padding:1.5rem}}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{border-right:none;border-top:1px solid var(--glass-border);flex-direction:row;justify-content:space-around;width:100%;height:auto;padding:.5rem;position:fixed;top:auto;bottom:0}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%}.sidebar-item{flex-direction:column;gap:.25rem;padding:.75rem;font-size:10px}.sidebar-item span{font-size:10px;display:block}.sidebar-footer{display:none}.admin-content{padding:1rem 1rem 80px}.content-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.admin-table-container{box-shadow:none;background:0 0;border:none}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{width:100%;display:block}.admin-table tr{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem;padding:1rem}.admin-table td{border-bottom:none;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.admin-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.admin-table td.user-cell{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-table td.user-cell:before{display:none}}.cockpit-widget{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;height:100%;padding:1.5rem}.health-meter{background:#ffffff0d;border-radius:4px;height:8px;margin:1rem 0;overflow:hidden}.health-fill{background:var(--accent-primary);height:100%;box-shadow:0 0 10px var(--accent-primary);transition:width 1s ease-out}.animate-in{opacity:0;animation:.5s ease-out forwards slideUp}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}:root{--bg-primary:#0b0e14;--bg-secondary:#131720;--bg-tertiary:#1c222d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-light:#60a5fa;--accent-glow:#3b82f666;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border-color:#ffffff14;--glass-bg:#131720b3;--glass-border:#ffffff0d;--border-radius-sm:.5rem;--border-radius-md:.75rem;--border-radius-lg:1.25rem;--border-radius-xl:2rem;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 12px -2px #0003, 0 2px 6px -2px #0000001a;--shadow-lg:0 20px 25px -5px #0003, 0 10px 10px -5px #0000001a;--shadow-glow:0 0 20px #3b82f633;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--container-max:1280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}.status-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-badge-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.status-badge-info{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.avatar{object-fit:cover;border:2px solid var(--border-color);background:var(--bg-tertiary);border-radius:50%}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff08;padding:.75rem 1rem}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);background:#ffffff0d;outline:none}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.25rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-accent{color:var(--accent-light)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.btn{border-radius:var(--border-radius-md);white-space:nowrap;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff08}.btn-outline:hover{background:#ffffff14}.aspect-video{aspect-ratio:16/9;width:100%}.animate-fade-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root{--bg:#050b14;--bg-soft:#081321;--surface:#0c1c30c7;--surface-solid:#0d1b2c;--surface-hover:#12263d;--border:#87b7e22e;--border-strong:#63b3ff6b;--primary:#2497ff;--primary-light:#73c4ff;--primary-dark:#0867c2;--cyan:#35e6ff;--green:#43e2a2;--yellow:#ffd166;--danger:#ff647c;--text:#f4f8fc;--muted:#91a8bf;--shadow:0 22px 70px #00000061;--glow:0 0 40px #2497ff3d;--radius:24px;--radius-sm:16px;--container:1180px}body.lock{overflow:hidden}:root{--bg-primary:var(--bg);--bg-secondary:var(--surface-solid);--bg-tertiary:var(--surface-hover);--text-primary:var(--text);--text-secondary:var(--muted);--text-muted:var(--muted);--accent-primary:var(--primary);--accent-hover:var(--primary-dark);--accent-light:var(--primary-light);--accent-glow:#2497ff66;--danger:var(--danger);--border-color:var(--border);--glass-bg:var(--surface);--glass-border:var(--border-strong);--border-radius-sm:.5rem;--border-radius-md:.75rem;--border-radius-lg:var(--radius-sm);--border-radius-xl:var(--radius);--shadow-sm:0 1px 3px 0 #00000040;--shadow-md:0 4px 12px -2px #00000059, 0 2px 6px -2px #0003;--shadow-lg:var(--shadow);--shadow-glow:var(--glow);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px)}body{background:var(--bg);color:var(--text);background-image:radial-gradient(900px 600px at 78% -8%,#2497ff29,#0000 60%),radial-gradient(760px 520px at 6% 8%,#35e6ff1a,#0000 55%);background-attachment:fixed}.login-container{background:radial-gradient(900px 600px at 78% -8%, #2497ff2e, transparent 60%), radial-gradient(760px 520px at 6% 12%, #35e6ff1a, transparent 55%), var(--bg)}.login-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow), var(--glow);-webkit-backdrop-filter:blur(14px)}.login-header .logo-icon{border:1px solid var(--primary-light);box-shadow:var(--glow);background:#2497ff1f}.login-header h2{color:var(--text);letter-spacing:-.02em}.login-form .input-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);background:#08132199;transition:border-color .2s,box-shadow .2s}.login-form .input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2497ff38}.login-form .input-wrapper input{color:var(--text)}.login-form .input-wrapper input::placeholder{color:var(--muted)}.login-form .input-icon{color:var(--primary-light)}.login-form .btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);border:none;font-weight:800;transition:transform .15s,box-shadow .2s;box-shadow:0 12px 28px #2497ff47}.login-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #2497ff61}.login-box a{color:var(--primary-light)}.login-box a:hover{color:var(--cyan)}