:root{--g1:#16a34a;--g2:#22c55e;--orange:#f59e0b;--blue:#2563eb;--ink:#0f172a;--muted:#64748b;--line:#dbe5df;--bg:#f3fff6;--card:rgba(255,255,255,.86)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 10% 0,#dcfce7 0,transparent 32%),radial-gradient(circle at 100% 20%,#ffedd5 0,transparent 30%),linear-gradient(135deg,#f5fff8,#fffaf2);color:var(--ink)}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:auto;padding:0 18px}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid #fff;box-shadow:0 8px 30px #0f172a09}.navin{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:950;font-size:22px}.brand b,.side-brand b{color:var(--g1)}.menu{display:flex;gap:18px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 17px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:800;background:#fff;color:var(--ink)}.btn-primary{background:linear-gradient(135deg,var(--g1),var(--g2));color:white;box-shadow:0 10px 26px #16a34a30}.btn-soft{border-color:#dbe5df;background:#f8fffa}.btn-danger{background:#fee2e2;color:#991b1b}.btn-sm{padding:8px 11px;font-size:13px;border-radius:9px}.hero{padding:82px 0 58px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.kicker{display:inline-flex;padding:8px 13px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900}.hero h1{font-size:54px;line-height:1.02;letter-spacing:-1.5px;margin:16px 0}.hero p{font-size:18px;color:var(--muted);line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.glass{background:var(--card);backdrop-filter:blur(20px);border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 20px 60px #0f172a13}.hero-card{padding:26px}.statgrid,.cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:22px}.card h3{margin:8px 0}.muted{color:var(--muted)}section{padding:58px 0}.section-title{text-align:center;font-size:36px;margin:0 0 10px}.section-sub{text-align:center;color:var(--muted);margin:0 auto 30px;max-width:760px;line-height:1.7}.form{max-width:700px;margin:auto;padding:25px}.form input,.form select,.form textarea,.field{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:12px;margin:7px 0 14px;background:#fff;font:inherit}.form textarea{min-height:110px}.footer{padding:36px 0;background:#0f172a;color:#cbd5e1;margin-top:40px}.dash{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#07140d,#0f172a 55%,#111827);color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.side-brand{display:flex;flex-direction:column;font-size:20px;font-weight:950;padding:8px 10px 18px}.side-brand span{font-size:12px;color:#94a3b8;letter-spacing:.5px}.side-user{margin:0 8px 14px;padding:11px 12px;border-radius:13px;background:#ffffff12;color:#e2e8f0;font-size:13px}.sidebar a{display:block;padding:10px 12px;margin:4px 0;border-radius:10px;color:#cbd5e1;font-size:14px}.sidebar a:hover{background:#ffffff12;color:#fff}.main{padding:28px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.topbar h1{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{padding:18px;position:relative;overflow:hidden}.metric strong{font-size:29px;display:block;margin-top:4px}.metric:after{content:'';position:absolute;width:80px;height:80px;border-radius:50%;right:-22px;top:-25px;background:#16a34a12}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#475569;background:#f8fafc}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e2e8f0;font-size:12px;font-weight:850}.badge.green{background:#dcfce7;color:#166534}.badge.orange{background:#ffedd5;color:#9a3412}.badge.red{background:#fee2e2;color:#991b1b}.badge.blue{background:#dbeafe;color:#1e40af}.progress{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--g1),var(--g2))}.video{position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#0f172a}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.notice{padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin:10px 0}.notice.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.notice.err{background:#fef2f2;border-color:#fecaca;color:#991b1b}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stack{display:flex;flex-direction:column;gap:14px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0}.toolbar form{display:flex;gap:8px;flex-wrap:wrap}.toolbar input,.toolbar select{padding:10px 11px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.empty{text-align:center;padding:35px;color:var(--muted)}.avatar{width:74px;height:74px;border-radius:50%;object-fit:cover;background:#e2e8f0}.cert{background:#fff;padding:55px;text-align:center;border:10px double #16a34a;position:relative}.cert h1{letter-spacing:2px}.cert .cert-name{font-family:Georgia,serif;font-size:38px;color:#166534}.timeline{border-left:3px solid #dcfce7;padding-left:18px}.timeline .item{margin:0 0 18px;position:relative}.timeline .item:before{content:'';width:11px;height:11px;border-radius:50%;background:#22c55e;position:absolute;left:-25px;top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tabs a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dbe5df}.chartbar{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.chartbar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e)}@media print{.no-print,.sidebar{display:none!important}.dash{display:block}.main{padding:0}.cert{box-shadow:none!important;border-color:#111}}@media(max-width:980px){.hero-grid,.dash{grid-template-columns:1fr}.hero h1{font-size:40px}.statgrid,.cardgrid,.metrics,.grid3{grid-template-columns:repeat(2,1fr)}.sidebar{position:relative;height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sidebar a{margin:0}.menu{gap:9px;font-size:14px}}@media(max-width:650px){.statgrid,.cardgrid,.metrics,.grid2,.grid3{grid-template-columns:1fr}.hero{padding-top:52px}.hero h1{font-size:35px}.menu a:not(.btn){display:none}.main{padding:16px}.sidebar nav{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.cert{padding:30px 16px}.cert .cert-name{font-size:30px}.table th,.table td{padding:10px}.section-title{font-size:30px}}/* v4 public website / mobile-app style */
body{padding-bottom:0}.eyebrow{display:inline-flex;font-size:12px;font-weight:950;letter-spacing:1.4px;color:#15803d;background:#dcfce7;padding:7px 11px;border-radius:999px}.eyebrow.center{display:flex;width:max-content;margin:0 auto 10px}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;color:#166534;font-size:13px;font-weight:800}.app-card{overflow:hidden}.app-card-top{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.app-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px #dcfce7}.compact-grid{grid-template-columns:repeat(2,1fr);margin-top:16px}.mini-stat{padding:16px;border-radius:17px;background:linear-gradient(180deg,#fff,#f8fffa);border:1px solid #e4eee7}.mini-stat strong{display:block;font-size:22px}.mini-stat span{font-size:12px;color:var(--muted)}.hero-app-list{display:grid;gap:10px;margin-top:14px}.hero-app-list>div{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:#fff;border:1px solid #edf2ef}.hero-app-list>div>span{font-size:22px}.hero-app-list b,.hero-app-list small{display:block}.hero-app-list small{color:var(--muted);margin-top:2px}.quick-strip{padding:0 0 16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;background:#fff;border-radius:18px;border:1px solid #eef3ef;box-shadow:0 10px 25px #0f172a0a}.quick-grid span{font-size:12px;color:var(--muted);margin-top:4px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.split-section h2{font-size:38px;line-height:1.1;margin:12px 0}.split-section p{color:var(--muted);line-height:1.8}.feature-points{display:grid;gap:10px;margin:18px 0}.feature-points span{font-weight:750}.video-shell{padding:12px}.video-placeholder{min-height:320px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#14532d);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:30px}.video-placeholder p{color:#cbd5e1}.play-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16a34a;font-size:28px;box-shadow:0 15px 35px #0004;margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px;transition:.25s}.feature-card:hover{transform:translateY(-4px)}.feature-card>span{font-size:30px}.feature-card p{color:var(--muted);line-height:1.6}.how-section,.soft-section{background:linear-gradient(180deg,#ffffff90,#ecfdf5aa)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.step{background:#fff;border:1px solid #e6efe8;border-radius:20px;padding:20px;box-shadow:0 12px 30px #0f172a0a}.step i{font-style:normal;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#16a34a;color:#fff;font-weight:950}.step h3{margin:12px 0 6px}.step p{font-size:13px;color:var(--muted);line-height:1.55}.roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.roadmap-item{display:flex;gap:14px;align-items:center;padding:17px;background:#fff;border:1px solid #e5eee8;border-radius:18px}.week-no{min-width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:950}.roadmap-item b,.roadmap-item small{display:block}.roadmap-item small{margin-top:4px;color:var(--muted)}.project-section{background:#0f172a;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.project-card{padding:22px;border-radius:18px;background:#ffffff10;border:1px solid #ffffff18;font-size:17px}.certificate-preview{padding:36px;text-align:center;background:linear-gradient(135deg,#fff,#f0fdf4)}.cert-badge{margin:auto auto 15px;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-weight:950}.certificate-preview h3{font-family:Georgia,serif;font-size:32px;color:#166534}.cert-line{height:1px;background:#bbd9c1;margin:20px auto;width:70%}.faq-list{max-width:850px;margin:28px auto 0;display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #e5eee8;border-radius:16px;padding:15px 18px}.faq-list summary{cursor:pointer;font-weight:850}.faq-list p{color:var(--muted);line-height:1.7}.form-section{background:#ffffff70}.form-section.alt{background:#ecfdf5aa}.form-heading{text-align:center;max-width:760px;margin:0 auto 24px}.form-heading h2{font-size:36px;margin:10px 0}.form-heading p{color:var(--muted)}.form-modern{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:860px}.form-modern input{margin:0}.form-modern button{grid-column:1/-1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid a{display:block;color:#cbd5e1;margin:8px 0}.footer-brand{color:#fff}.footer-grid p{color:#94a3b8;line-height:1.7}.footer-bottom{border-top:1px solid #ffffff18;margin-top:25px;padding-top:20px;color:#94a3b8}.mobile-bottom-nav{display:none}.page-hero{padding:70px 0;background:radial-gradient(circle at 15% 0,#dcfce7,transparent 35%),radial-gradient(circle at 95% 20%,#ffedd5,transparent 30%)}.page-hero.compact{padding:56px 0}.page-hero h1{font-size:48px;line-height:1.05;margin:12px 0}.page-hero p{max-width:760px;font-size:18px;color:var(--muted);line-height:1.7}.info-card{padding:28px}.policy-wrap{max-width:930px;padding:34px}.policy-wrap h2{margin-top:28px;font-size:22px}.policy-wrap p{color:#475569;line-height:1.8}
@media(max-width:980px){.split-section{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){body{padding-bottom:76px}.navin{min-height:64px}.brand{font-size:18px}.menu .btn{padding:9px 12px;font-size:12px}.hero{padding:38px 0 30px}.hero-grid{gap:20px}.hero h1{font-size:38px;letter-spacing:-1px}.hero p{font-size:16px}.hero-actions .btn{flex:1}.trust-row{gap:7px}.trust-row span{font-size:11px;background:#fff;padding:7px 9px;border-radius:999px}.compact-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(4,1fr);gap:6px}.quick-grid>div{padding:10px 5px;border-radius:14px}.quick-grid b{font-size:12px}.quick-grid span{font-size:9px}.split-section h2,.form-heading h2{font-size:30px}.feature-grid,.project-grid,.roadmap,.footer-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:8px}.step{padding:14px}.step h3{font-size:14px}.step p{font-size:11px}.feature-card{padding:19px}.project-card{padding:18px}.form-modern{grid-template-columns:1fr}.page-hero{padding:42px 0}.page-hero h1{font-size:36px}.policy-wrap{padding:22px;border-radius:18px}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-radius:22px;background:rgba(15,23,42,.94);backdrop-filter:blur(18px);box-shadow:0 16px 40px #0005}.mobile-bottom-nav a{color:#cbd5e1;text-align:center;display:flex;flex-direction:column;gap:2px;font-size:18px}.mobile-bottom-nav small{font-size:9px}.mobile-bottom-nav .mobile-main{transform:translateY(-14px)}.mobile-bottom-nav .mobile-main span{margin:auto;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 10px 24px #16a34a66}.footer{margin-bottom:0}.menu a:not(.btn){display:none}}
.panel-mobile-nav{display:none}@media(max-width:650px){.dash{display:block}.sidebar{height:auto;position:relative;padding:14px 14px 8px}.sidebar nav:not(.panel-mobile-nav){display:none}.side-brand{padding-bottom:8px}.side-user{margin-bottom:4px}.main{padding:14px 14px 90px}.panel-mobile-nav{position:fixed!important;left:10px;right:10px;bottom:10px;z-index:100;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-radius:22px;background:rgba(15,23,42,.96);box-shadow:0 16px 40px #0005}.panel-mobile-nav a{padding:4px!important;margin:0!important;color:#cbd5e1!important;text-align:center;display:flex!important;flex-direction:column;align-items:center;gap:2px;font-size:18px}.panel-mobile-nav small{font-size:9px}.panel-mobile-nav .mobile-main{transform:translateY(-14px)}.panel-mobile-nav .mobile-main:first-line{background:#16a34a}.metrics{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric strong{font-size:24px}}