:root{--ink:#152d37;--navy:#101c2a;--teal:#087f85;--teal-light:#a5f1e7;--light:#eff7f7;--muted:#58737b;--line:#d9e5e7;--white:#fff;--shadow:0 15px 50px rgba(16,37,50,.07);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbfb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:#006d75;text-underline-offset:3px}a:hover{color:#004a50}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer}img{max-width:100%;height:auto}header{background:#0e1d2b;color:white}header .top{max-width:1200px;margin:auto;min-height:76px;padding:10px 22px;display:flex;gap:25px;align-items:center;justify-content:space-between}header nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center}header nav a{color:#e4eeee;text-decoration:none;font-size:14px;font-weight:650}header .logo{width:192px;display:block}header .btn{background:#34c9bd;color:#09212a;padding:12px 20px}main{min-height:62vh}.wrap{max-width:1160px;margin:0 auto;padding:30px 22px}.hero{min-height:535px;background:linear-gradient(90deg,#0e1d2b 0%,#102333a0 53%,#10233308 100%),url('/assets/img/hero-official.png') center center/cover;color:white;display:flex;align-items:center}.hero>.wrap{width:100%;padding-top:70px;padding-bottom:70px}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.1;max-width:660px;letter-spacing:-2px;margin:0 0 23px}.hero p{font-size:19px;line-height:1.6;max-width:560px;color:#d7eff0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:12px;color:#0b8283}.hero .eyebrow{color:#6ae5d4}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;border:0;border-radius:13px;background:#057d81;color:white;text-decoration:none;font-weight:750;padding:13px 20px;line-height:1.2;box-shadow:none}.btn:hover{background:#05676a;color:white}.btn.ghost{background:white;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{background:var(--light);color:var(--ink)}.btn.light{background:#5de1d0;color:#07363b}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.feature-grid,.tile-grid,.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.panel,.tile,.plan{background:#fff;border:1px solid var(--line);padding:24px;border-radius:20px;box-shadow:var(--shadow)}.panel h3,.tile h3,.plan h3{margin:0 0 8px}.panel p{color:#516c76}.tile{display:block;text-decoration:none;color:var(--ink);text-align:center;padding:30px 18px;min-height:170px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:#07898b;color:var(--ink)}.tile .glyph{display:flex;align-items:center;justify-content:center;border-radius:18px;width:60px;height:60px;margin:0 auto 14px;font-size:29px;background:#def5f1;color:#087f85}.tile strong{font-size:19px;display:block}.tile span:last-child{font-size:13px;color:var(--muted)}.section-title{font-size:clamp(28px,3.8vw,44px);letter-spacing:-1px;line-height:1.18;margin:12px 0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.pill{background:#e1f8f1;border-radius:99px;color:#07585d;padding:5px 11px;font-weight:700;font-size:12px}.price{font-size:40px;font-weight:850;letter-spacing:-1px}.price small{font-size:14px;color:var(--muted);font-weight:500}.plan{display:flex;flex-direction:column;gap:10px}.plan.highlight{border:2px solid #0b9c9e}.plan .btn{margin-top:auto}footer{background:#0d1b28;color:#c7d7df;padding:35px 20px;margin-top:50px}footer .foot{max-width:1160px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{color:#dbeef0}footer .links{display:flex;flex-wrap:wrap;gap:11px 18px;max-width:620px}footer small{color:#a5bec5}.pagehead{background:#e7f4f4;padding:38px 0}.pagehead h1{margin:0;font-size:clamp(28px,4vw,48px);letter-spacing:-1px}.article{max-width:850px;background:#fff;padding:30px;border-radius:20px;border:1px solid var(--line);white-space:normal;line-height:1.8}.article p{margin:0 0 12px}.form-shell{max-width:560px;margin:35px auto}.form-row{margin-bottom:17px}label{display:block;font-weight:750;font-size:14px;margin-bottom:7px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{display:block;width:100%;padding:13px 14px;background:white;border:1px solid #adbec4;border-radius:12px;min-height:47px;color:var(--ink)}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #44d1c9;outline-offset:2px}textarea{min-height:105px;resize:vertical}input[type=file]{width:100%}.hint{font-size:12px;color:var(--muted);margin:6px 0}.form-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.app-shell{max-width:1160px;margin:auto;padding:22px}.app-head{text-align:center;margin-bottom:12px}.app-head h1{font-size:clamp(28px,4vw,41px);margin:5px}.wizard{max-width:800px;margin:24px auto}.stepbar{display:flex;gap:7px}.stepbar i{height:10px;border-radius:100px;background:#d5e4e7;flex:1}.stepbar i.done{background:#0a999a}.step-body{min-height:180px}.step-body h2{font-size:27px;margin-bottom:6px}.step-body .muted{margin-top:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.editor-row{padding:15px 0;border-bottom:1px solid var(--line)}.editor-row:last-child{border-bottom:0}.save-state{display:inline-block;font-size:13px;font-weight:700;color:#0a6f70;min-width:100px}.profile-banner{background:linear-gradient(140deg,#102b39,#057f83);color:white;padding:35px 20px;border-radius:22px}.profile-banner h1{margin:0;font-size:34px}.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;background:#d8edf0;border:4px solid white}.public-avatar{width:118px;height:118px;border-radius:50%;object-fit:cover;background:#d6edee;margin-bottom:14px}.profile-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.profile-tabs a{border:1px solid var(--line);border-radius:10px;background:white;padding:10px 15px;text-decoration:none;font-weight:700}.profile-tabs a.active{background:#e3f7f3;border-color:#2baca7}.timeline{border-left:3px solid #4db5b5;margin-left:13px;padding-left:24px}.event{position:relative;background:white;border-radius:14px;padding:16px 19px;margin:15px 0;border:1px solid var(--line)}.event:before{content:'';background:#087f85;border:3px solid #eff8f8;border-radius:50%;width:13px;height:13px;position:absolute;top:23px;left:-35px}.code-box{background:white;padding:21px;border:1px solid var(--line);border-radius:18px;text-align:center;overflow:auto}.code-box svg{display:block;max-width:100%;height:auto;margin:0 auto}.code-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.numid{font-size:clamp(23px,3vw,32px);letter-spacing:3px;font-weight:800}.status{padding:11px 14px;border-radius:11px;background:#e8f6ed;color:#185a34;font-size:14px}.status.error{background:#ffeded;color:#993232}.adminnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.adminnav a{padding:10px 13px;border-radius:10px;border:1px solid #c6dfe1;text-decoration:none;background:white;font-weight:650}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.progress{height:12px;background:#dbeaec;border-radius:15px;overflow:hidden}.progress>span{display:block;height:100%;background:#079b9a;transition:width .2s}.hidden{display:none!important}.notice{background:#fff7dc;border:1px solid #e4d290;color:#5f4d0a;padding:12px 14px;border-radius:12px}.toast{position:fixed;right:20px;bottom:20px;background:#112b38;color:#fff;border-radius:12px;padding:14px 20px;box-shadow:0 8px 30px #0003;z-index:40;max-width:350px}.linklist a{display:block;padding:11px 13px;border-radius:10px;background:#e8f5f5;margin:8px 0}.resume{background:#fff;color:#1b1b1b;max-width:820px;margin:auto;border:1px solid #ccc;padding:35px 45px;font:14px/1.5 Arial,sans-serif}.resume h1{font-size:26px;margin:0}.resume h2{font-size:16px;text-transform:uppercase;border-bottom:1px solid #aaa;margin:20px 0 8px}.resume p{margin:4px 0}.resume-section{white-space:pre-wrap}.dashboard-note{padding:15px 18px;border:1px solid #bdd5d8;background:#ecf8f8;border-radius:12px}@media(max-width:800px){header .top{flex-wrap:wrap}header nav{gap:13px}.feature-grid,.tile-grid,.plans{grid-template-columns:repeat(2,1fr)}.code-grid{grid-template-columns:1fr 1fr}.hero{min-height:490px;background:linear-gradient(90deg,#0e1d2be8,#10233399),url('/assets/img/hero-official.png') 65% center/cover}.hero h1{font-size:43px}}@media(max-width:520px){.feature-grid,.tile-grid,.plans,.code-grid,.field-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.hero p{font-size:16px}.tile{min-height:110px}.panel,.plan{padding:18px}header .logo{width:150px}header nav a{font-size:13px}.wrap{padding:24px 15px}.app-shell{padding:14px}.article{padding:20px}.resume{padding:18px 19px}}@media print{header,footer,.no-print,.btn,.adminnav{display:none!important}body{background:white}.resume{border:0;padding:0;max-width:100%}main{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}