.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:all .3s}.navbar--scrolled{background:#080810eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 0}.navbar__inner{display:flex;align-items:center;gap:32px}.navbar__logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;letter-spacing:-.5px;white-space:nowrap}.navbar__logo-icon{line-height:0}.navbar__logo-e{color:var(--blue2)}.navbar__links{display:flex;list-style:none;gap:4px;margin:0 auto}.navbar__links li a{padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;color:var(--gray);transition:all .2s}.navbar__links li a:hover,.navbar__links li a.active{color:var(--white);background:#ffffff0f}.navbar__actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.navbar__toggle{display:none;background:none;color:var(--white);padding:4px}@media (max-width: 900px){.navbar__links{display:none;position:fixed;top:64px;left:0;right:0;flex-direction:column;background:#080810f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px;border-bottom:1px solid var(--border);gap:4px}.navbar__links--open{display:flex}.navbar__links li a{display:block;padding:12px 16px}.navbar__actions{display:none;position:fixed;top:auto;bottom:0;left:0;right:0;padding:16px 20px;background:#080810f7;border-top:1px solid var(--border);flex-direction:row;justify-content:center}.navbar__actions--open{display:flex}.navbar__actions a,.navbar__actions button{flex:1;text-align:center}.navbar__toggle{display:block;margin-left:auto}}.footer{background:var(--bg2);border-top:1px solid var(--border);position:relative;overflow:hidden}.footer__top{height:4px;background:linear-gradient(90deg,var(--blue),#7b5fff,var(--blue))}.footer__geo{position:absolute;width:200px;height:200px;border-radius:50%;opacity:.04;background:var(--blue);pointer-events:none}.footer__geo--left{top:-80px;left:-80px}.footer__geo--right{bottom:-80px;right:10%}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px;padding-top:56px;padding-bottom:48px;position:relative;z-index:1}.footer__logo{font-family:var(--font-display);font-size:22px;margin-bottom:14px}.footer__logo span{color:var(--blue2)}.footer__brand p{color:var(--gray);font-size:14px;line-height:1.7;max-width:280px}.footer__social{display:flex;gap:12px;margin-top:20px}.footer__social a{width:36px;height:36px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:16px;transition:all .2s}.footer__social a:hover{color:var(--white);border-color:var(--blue);background:#2244ff1a}.footer__col h4{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--white);margin-bottom:20px}.footer__col ul{list-style:none}.footer__col ul li{margin-bottom:10px}.footer__col ul li a{color:var(--gray);font-size:14px;transition:color .2s}.footer__col ul li a:hover{color:var(--blue2)}.footer__contact li{color:var(--gray);font-size:14px;display:flex;align-items:flex-start;gap:8px}.footer__bottom{border-top:1px solid var(--border);padding:18px 0}.footer__bottom p{color:var(--gray2);font-size:13px;text-align:center}@media (max-width: 900px){.footer__inner{grid-template-columns:1fr 1fr;gap:32px}.footer__brand{grid-column:1 / -1}}@media (max-width: 600px){.footer__inner{grid-template-columns:1fr}}.course-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .25s}.course-card:hover{border-color:#24f6;transform:translateY(-4px);box-shadow:0 16px 40px #0006}.course-card__thumb{position:relative;height:180px;overflow:hidden}.course-card__thumb img{width:100%;height:100%;object-fit:cover}.course-card__thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0e1535,#1a1a40);display:flex;align-items:center;justify-content:center}.course-card__thumb-placeholder span{font-family:var(--font-display);color:#ffffff1a;font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em}.course-card__thumb .badge{position:absolute;top:12px;right:12px}.course-card__body{padding:20px}.course-card__cat{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blue2);margin-bottom:6px}.course-card__body h3{font-size:17px;margin-bottom:8px;line-height:1.3}.course-card__desc{color:var(--gray);font-size:13.5px;line-height:1.6;margin-bottom:14px}.course-card__meta{display:flex;gap:16px;font-size:13px;color:var(--gray2);margin-bottom:16px}.course-card__meta span{display:flex;align-items:center;gap:5px}.course-card__footer{display:flex;align-items:center;justify-content:space-between}.course-card__price{font-family:var(--font-display);font-size:20px;color:var(--white)}.home{padding-top:80px}.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero__glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.25}.hero__glow--1{width:500px;height:500px;background:#1a2fff;top:-100px;left:-100px}.hero__glow--2{width:400px;height:400px;background:#5b3fff;bottom:0;right:0}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;flex:1;padding-top:80px;padding-bottom:60px;position:relative;z-index:1}.hero__title{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.05;margin-bottom:20px}.hero__title-accent{color:var(--blue2)}.hero__sub{color:var(--gray);font-size:18px;max-width:480px;margin-bottom:36px}.hero__btns{display:flex;gap:14px;flex-wrap:wrap}.hero__btns a{font-size:16px;padding:14px 32px}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__card-stack{position:relative;width:320px;height:280px}.hero__card{position:absolute;border-radius:20px;border:1px solid var(--border)}.hero__card--back{width:280px;height:200px;bottom:0;right:0;background:#2244ff0f;transform:rotate(6deg)}.hero__card--mid{width:290px;height:210px;bottom:10px;left:10px;background:#2244ff1a;transform:rotate(-3deg)}.hero__card--front{width:300px;background:var(--card);top:0;left:0;overflow:hidden}.hero__card-tag{background:#24f3;color:var(--blue2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:8px 16px;border-bottom:1px solid var(--border)}.hero__card-avatar-row{display:flex;align-items:center;gap:6px;padding:14px 16px}.hero__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.hero__progress-label{display:flex;justify-content:space-between;margin-bottom:6px}.hero__progress-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.hero__progress-bar>div{height:100%;background:var(--blue);border-radius:3px}.hero__stats{background:var(--bg2);border-top:1px solid var(--border);position:relative;z-index:1}.hero__stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.hero__stat{padding:28px 24px;text-align:center;border-right:1px solid var(--border)}.hero__stat:last-child{border-right:none}.section-tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue2);margin-bottom:12px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.skill-card:hover{border-color:var(--blue);transform:translateY(-2px)}.skill-card__icon{width:52px;height:52px;border-radius:12px;background:#2244ff1f;display:flex;align-items:center;justify-content:center;color:var(--blue2);flex-shrink:0}.skill-card h3{font-size:15px;font-family:var(--font-body);font-weight:600}.skill-card p{color:var(--gray);font-size:13px}.skill-card__link{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--blue2);white-space:nowrap;transition:gap .2s}.skill-card:hover .skill-card__link{gap:8px}.reason-card{text-align:center}.reason-card__icon{font-size:2rem;margin-bottom:14px}.reason-card h3{font-size:17px;margin-bottom:8px}.reason-card p{color:var(--gray);font-size:14px}.testimonial-card{display:flex;flex-direction:column;gap:12px}.testimonial-stars{font-size:14px}.testimonial-text{color:var(--gray);font-size:15px;line-height:1.7;flex:1}.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.testimonial-avatar{width:38px;height:38px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.home__cta{background:linear-gradient(135deg,#0a0a24,#0d1240,#0a0a24);text-align:center;padding:100px 0;position:relative;overflow:hidden;border-top:1px solid rgba(34,68,255,.2)}.home__cta-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:#2244ff26;filter:blur(100px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.home__cta-inner{position:relative;z-index:1}.home__cta h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}.home__cta p{color:var(--gray);font-size:18px;max-width:520px;margin:0 auto 36px}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;padding-top:60px}.hero__visual{display:none}.hero__stats-inner,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.skills-grid{grid-template-columns:1fr}.hero__stats-inner{grid-template-columns:1fr 1fr}.hero__stat{padding:18px 12px}}.static-page{padding-top:80px}.page-hero{padding:80px 0 60px;border-bottom:1px solid var(--border);margin-bottom:0}.page-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:14px}.page-hero p{color:var(--gray);font-size:18px;max-width:560px}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-split h2{font-size:2rem;margin-bottom:16px}.about-split>div:first-child p{color:var(--gray);line-height:1.8}.about-values{display:flex;flex-direction:column;gap:20px}.about-values .card h3{font-size:17px}.instructor-card{text-align:center;padding:28px 20px}.instructor-card__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#7b5fff);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;margin:0 auto 16px}.instructor-card__info h3{font-size:16px;margin-bottom:4px}.instructor-card__role{color:var(--gray);font-size:13px;margin-bottom:10px}.admissions-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.form-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;border-radius:12px;padding:20px;text-align:center;font-size:16px}.admission-info{display:flex;flex-direction:column;gap:20px}.info-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.info-box h4{font-size:15px;margin-bottom:6px}.info-box p{color:var(--gray);font-size:14px}.info-box .price{font-family:var(--font-display);font-size:2rem;color:var(--blue2)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:60px}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .2s;cursor:pointer}.blog-card:hover{border-color:var(--blue);transform:translateY(-4px)}.blog-card__thumb{height:180px;background:linear-gradient(135deg,#0e1535,#1a1a40);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:#ffffff14;font-size:2rem}.blog-card__body{padding:20px}.blog-card__body h3{font-size:17px;margin-bottom:8px;line-height:1.4}.blog-card__body p{color:var(--gray);font-size:13.5px;line-height:1.6;margin-bottom:14px}.blog-card__meta{color:var(--gray2);font-size:12px;display:flex;gap:12px}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-info-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px}.contact-info-item .ci-icon{width:40px;height:40px;border-radius:10px;background:#2244ff1f;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.contact-info-item h4{font-size:13px;color:var(--gray);font-weight:500;margin-bottom:2px}.contact-info-item p{font-size:15px;font-weight:500}@media (max-width: 900px){.about-split,.admissions-grid,.contact-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blog-grid{grid-template-columns:1fr}}.courses-page{padding-top:80px}.courses-hero{padding:80px 0 60px;border-bottom:1px solid var(--border);margin-bottom:48px}.courses-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:12px}.courses-hero p{color:var(--gray);font-size:18px;max-width:560px}.courses-filter{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{background:var(--bg3);border:1px solid var(--border);color:var(--gray);padding:8px 18px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-tab:hover{color:var(--white);border-color:#fff3}.filter-tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.filter-tab--sm{padding:6px 14px;font-size:13px}.courses-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-skeleton{height:320px;background:var(--card);border-radius:16px;border:1px solid var(--border);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.courses-empty{text-align:center;padding:80px 0;color:var(--gray);font-size:18px}@media (max-width: 600px){.courses-loading{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative}.auth-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:#2244ff1f;filter:blur(100px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.auth-box{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:40px;width:100%;max-width:440px;position:relative;z-index:1}.auth-logo{font-family:var(--font-display);font-size:18px;display:block;margin-bottom:28px}.auth-logo span{color:var(--blue2)}.auth-box h2{font-size:1.8rem;margin-bottom:6px}.auth-sub{color:var(--gray);font-size:15px;margin-bottom:28px}.auth-err{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:8px;padding:10px 14px;font-size:14px;margin-bottom:18px}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--gray)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--gray)}.auth-switch a{color:var(--blue2);font-weight:600}.auth-switch a:hover{text-decoration:underline}@media (max-width: 500px){.auth-box{padding:28px 20px}.form-row{grid-template-columns:1fr}}.notif-bell{position:relative}.notif-bell__btn{background:var(--bg3);border:1px solid var(--border);color:var(--gray);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s}.notif-bell__btn:hover{color:var(--white);border-color:var(--blue)}.notif-bell__badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);border:2px solid var(--bg2)}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;z-index:200}.notif-panel__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.notif-panel__mark-all{background:none;color:var(--blue2);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.notif-panel__mark-all:hover{background:#2244ff1a}.notif-panel__list{max-height:380px;overflow-y:auto}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--gray2);gap:10px;font-size:14px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .15s;position:relative}.notif-item:hover{background:#ffffff08}.notif-item--unread{background:#2244ff0d}.notif-item--unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);border-radius:0 2px 2px 0}.notif-item__icon{font-size:18px;flex-shrink:0;margin-top:2px}.notif-item__body{flex:1;min-width:0}.notif-item__title{font-size:13px;font-weight:600;color:var(--white);margin-bottom:3px;line-height:1.4}.notif-item__sub{font-size:12px;color:var(--gray);line-height:1.4;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item__time{font-size:11px;color:var(--gray2)}.notif-item__del{background:none;color:var(--gray2);opacity:0;padding:4px;border-radius:4px;transition:all .15s;cursor:pointer;flex-shrink:0}.notif-item:hover .notif-item__del{opacity:1}.notif-item__del:hover{color:#f87171;background:#ef44441a}@media (max-width: 400px){.notif-panel{width:calc(100vw - 32px);right:-100px}}.dash{display:flex;min-height:100vh;background:var(--bg)}.dash__sidebar{width:256px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;transition:transform .3s;overflow-y:auto}.dash__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.dash__brand{font-family:var(--font-display);font-size:20px}.dash__brand span{color:var(--blue2)}.dash__sidebar-close{display:none;background:none;color:var(--gray);padding:4px}.dash__user-info{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.dash__user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#7b5fff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.dash__user-name{font-weight:600;font-size:14px}.dash__user-role{color:var(--gray);font-size:12px;text-transform:capitalize;margin-top:2px}.dash__nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:2px}.dash__nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--gray);transition:all .15s}.dash__nav-item:hover{color:var(--white);background:#ffffff0d}.dash__nav-item.active{color:var(--white);background:#2244ff26;border:1px solid rgba(34,68,255,.2)}.dash__nav-icon{font-size:16px;display:flex;align-items:center;width:20px}.dash__logout{margin:12px;padding:11px 14px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .2s}.dash__logout:hover{background:#ef444426}.dash__main{flex:1;margin-left:256px;display:flex;flex-direction:column;min-height:100vh}.dash__header{display:flex;align-items:center;gap:16px;padding:16px 28px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.dash__menu-toggle{display:none;background:none;color:var(--white);padding:4px}.dash__page-title{font-size:18px;font-family:var(--font-body);font-weight:600}.dash__header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.dash__icon-btn{background:var(--bg3);border:1px solid var(--border);color:var(--gray);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dash__icon-btn:hover{color:var(--white)}.dash__header-avatar{width:36px;height:36px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.dash__content{padding:28px;flex:1}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.stat-card__label{font-size:13px;color:var(--gray);margin-bottom:8px}.stat-card__val{font-family:var(--font-display);font-size:2rem;margin-bottom:4px}.stat-card__sub{font-size:12px;color:var(--gray2)}.stat-card--blue{border-color:#2244ff4d;background:#2244ff0d}.data-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.data-table-wrap table{width:100%;border-collapse:collapse;font-size:14px}.data-table-wrap thead th{background:var(--bg3);padding:12px 16px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);border-bottom:1px solid var(--border)}.data-table-wrap tbody td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--gray)}.data-table-wrap tbody tr:last-child td{border-bottom:none}.data-table-wrap tbody tr:hover td{background:#ffffff05}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:18px;font-family:var(--font-body);font-weight:700}.dash-empty{text-align:center;padding:60px 20px;color:var(--gray)}.dash-empty p{margin-bottom:16px;font-size:16px}@media (max-width: 900px){.dash__sidebar{transform:translate(-100%)}.dash__sidebar--open{transform:translate(0)}.dash__sidebar-close{display:block}.dash__main{margin-left:0}.dash__menu-toggle{display:block}.dash__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:49}.stat-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.stat-cards{grid-template-columns:1fr 1fr}.dash__content{padding:16px}}.dash__nav-badge{margin-left:auto;background:var(--blue);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.cert-overlay{padding:20px}.cert-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.cert-paper{width:100%;max-width:860px;margin:0 auto;background:#fffef8;border:1px solid #e8e0c8;border-radius:4px;position:relative;box-shadow:0 8px 40px #0000004d;color:#1a1410}.cert-border-top{height:12px;background:linear-gradient(90deg,#1a2fff,#7b5fff,#1a2fff);border-radius:4px 4px 0 0}.cert-border-bottom{height:12px;background:linear-gradient(90deg,#1a2fff,#7b5fff,#1a2fff);border-radius:0 0 4px 4px}.cert-inner{padding:48px 60px;text-align:center;background-image:radial-gradient(circle at 5% 50%,rgba(34,68,255,.04) 0%,transparent 50%),radial-gradient(circle at 95% 50%,rgba(123,95,255,.04) 0%,transparent 50%)}.cert-logo-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.cert-logo-text{font-size:22px;font-weight:900;letter-spacing:-.5px;color:#0a0a24;font-family:Archivo Black,sans-serif}.cert-logo-text span{color:#24f}.cert-presents{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#6b5e3e;margin-bottom:20px}.cert-name{font-family:Archivo Black,sans-serif;font-size:clamp(2rem,5vw,3.2rem);color:#0a0a24;margin-bottom:16px;line-height:1.1;padding-bottom:16px;border-bottom:2px solid #e8e0c8}.cert-body{font-size:15px;color:#5a4e38;margin-bottom:14px}.cert-course{font-family:Archivo Black,sans-serif;font-size:clamp(1.2rem,3vw,1.8rem);color:#24f;margin-bottom:8px;line-height:1.2}.cert-category{font-size:13px;color:#8a7a62;margin-bottom:28px;text-transform:uppercase;letter-spacing:.1em}.cert-divider{display:flex;align-items:center;gap:12px;margin:24px 0}.cert-line{flex:1;height:1px;background:#d4c9a8}.cert-star{color:#c9a84c;font-size:12px}.cert-footer{display:flex;justify-content:space-between;align-items:center;margin:24px 0;padding:0 20px}.cert-sig{text-align:center;min-width:160px}.cert-sig-line{height:1px;background:#b8a880;margin-bottom:8px}.cert-sig-name{font-weight:700;font-size:14px;color:#1a1410}.cert-sig-role{font-size:12px;color:#8a7a62;margin-top:2px}.cert-seal{width:90px;height:90px;border-radius:50%;border:3px solid #2244ff;display:flex;align-items:center;justify-content:center;background:#2244ff0d}.cert-seal-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#24f}.cert-meta{border-top:1px solid #e8e0c8;padding-top:20px;font-size:11px;color:#8a7a62;display:flex;flex-direction:column;gap:3px}.cert-code{font-family:monospace;font-size:12px;color:#24f;font-weight:700}@media print{.no-print{display:none!important}.cert-overlay{padding:0}.cert-paper{max-width:100%;box-shadow:none;border:none}body{background:#fff!important}}@media (max-width: 600px){.cert-inner{padding:32px 20px}.cert-footer{flex-direction:column;gap:20px}.cert-sig{min-width:auto}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080810;--bg2: #0e0e1a;--bg3: #14142a;--card: #111122;--blue: #2244ff;--blue2: #3b5bff;--blue-glow: rgba(34, 68, 255, .25);--white: #ffffff;--gray: #9ca3af;--gray2: #6b7280;--border: rgba(255,255,255,.07);--font-display: "Archivo Black", sans-serif;--font-body: "Outfit", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15}a{color:inherit;text-decoration:none}input,textarea,select{background:var(--bg3);border:1px solid var(--border);color:var(--white);font-family:var(--font-body);font-size:15px;padding:12px 16px;border-radius:8px;width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--blue)}select option{background:var(--bg2)}button{cursor:pointer;font-family:var(--font-body);font-weight:600;border:none;border-radius:8px;transition:all .2s}.btn-primary{background:var(--blue);color:#fff;padding:12px 28px;font-size:15px}.btn-primary:hover{background:var(--blue2);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--white);padding:12px 28px;font-size:15px;border:1px solid rgba(255,255,255,.3)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.btn-sm{padding:8px 18px;font-size:13px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}.section-sub{color:var(--gray);font-size:17px;max-width:560px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#2244ff26;color:#7b9fff;border:1px solid rgba(34,68,255,.3)}.tag-blue{background:#2244ff26;color:#7b9fff}.tag-green{background:#10b9811f;color:#34d399}.tag-yellow{background:#f59e0b1f;color:#fbbf24}.tag-red{background:#ef44441f;color:#f87171}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width: 900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 16px}.section{padding:50px 0}}.geo-pattern{background-image:radial-gradient(circle at 20% 50%,rgba(34,68,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,91,255,.06) 0%,transparent 40%)}.dot-bg{background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.blue-line{width:60px;height:4px;background:var(--blue);border-radius:2px;margin-bottom:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:#23a;border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease}.stat-num{font-family:var(--font-display);font-size:2.5rem;color:var(--blue2)}.diamond{width:12px;height:12px;background:var(--blue);transform:rotate(45deg);display:inline-block}