:root{color:#1c2d26;font-synthesis:none;text-rendering:optimizelegibility;background:#fffdf9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}main{overflow:hidden}.topbar{justify-content:space-between;align-items:center;max-width:1120px;height:72px;margin:auto;padding:0 28px;display:flex}.brand{color:#14221e;letter-spacing:-.7px;font-family:Georgia,serif;font-size:23px;font-weight:700;text-decoration:none}.brand span{color:#e66f51;font-size:17px}nav{gap:28px;display:flex}nav a{color:#54635d;font-size:14px;text-decoration:none}nav a:hover{color:#17765f}.hero{text-align:center;background:radial-gradient(circle at 51% 70%,#e7f3e9 0,#f6f8f0 31%,#fffdf9 65%);border-top:1px solid #edf0e9;padding:70px 24px 86px;position:relative}.eyebrow{color:#27856c;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.hero h1,h2{color:#15241f;letter-spacing:-.8px;font-family:Georgia,Noto Serif SC,serif}.hero h1{margin:0;font-size:clamp(38px,5vw,65px);line-height:1.15}.hero-copy{color:#5b6963;margin:21px 0 28px;font-size:16px;line-height:1.75}.primary-link,button{color:#fff;cursor:pointer;background:#176e59;border:0;border-radius:8px;align-items:center;gap:22px;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 8px 20px #176e5928}.primary-link:hover,button:hover{background:#105645;transform:translateY(-2px)}.primary-link span,button span{font-size:18px}.skill-orbit{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:52px auto -44px;display:flex}.skill-orbit span{color:#4b625a;background:#fffefa;border:1px solid #d9e5dc;border-radius:99px;padding:8px 13px;font-size:12px;box-shadow:0 5px 15px #2d49320c}.skill-orbit i{color:#e37859;font-size:21px;font-style:normal}.publish-section,.square-section,.my-card-section{max-width:1000px;margin:0 auto;padding:92px 28px}.publish-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px;display:grid}.section-heading h2,.square-heading h2,.my-card-section h2{margin:0 0 13px;font-size:32px}.section-heading>p:last-child{color:#6b7771;font-size:14px;line-height:1.7}.publish-form{background:#fff;border:1px solid #e2e9e1;border-radius:15px;padding:28px;box-shadow:0 16px 42px #304a3810}.publish-form label{margin-bottom:19px;display:block}.publish-form label span{color:#2a4038;margin-bottom:9px;font-size:13px;font-weight:700;display:block}.publish-form input{box-sizing:border-box;color:#1f322b;background:#fbfdfb;border:1px solid #d9e4dc;border-radius:7px;outline:none;width:100%;padding:13px 12px;font-family:inherit;font-size:14px}.publish-form input:focus{border-color:#3c9b80;box-shadow:0 0 0 3px #3c9b8018}.publish-form button{justify-content:space-between;width:100%;padding:13px 16px}.notice{color:#198065;margin:13px 0 0;font-size:12px}.my-card-section{border-top:1px solid #edf0e9;justify-content:space-between;align-items:center;gap:50px;padding-top:22px;padding-bottom:26px;display:flex}.my-card-section h2{margin-bottom:0;font-size:25px}.my-card-section .skill-card{flex:none;width:310px}.match-banner{color:#245b41;background:#eff9f1;border:1px solid #c6e8d1;border-radius:12px;align-items:center;gap:15px;max-width:944px;margin:18px auto 0;padding:17px 28px;display:flex}.match-icon{color:#fff;background:#287b5e;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.match-banner strong{font-size:14px}.match-banner p{color:#527062;margin:4px 0 0;font-size:13px}.square-section{padding-top:86px}.square-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.square-heading h2{margin:0}.square-heading>p{color:#78847f;margin:0 0 5px;font-size:13px}.cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skill-card{background:#fff;border:1px solid #e3e9e3;border-radius:12px;min-width:0;padding:19px;transition:transform .2s,box-shadow .2s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #28433512}.skill-card.mine{background:linear-gradient(145deg,#fbfffc,#f1fbf4);border-color:#83c6a9}.card-person{border-bottom:1px solid #edf1ed;align-items:center;gap:10px;padding-bottom:17px;display:flex}.avatar{color:#277457;background:#e1f1e7;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.card-person strong{color:#27372f;font-size:13px;display:block}.card-person small{color:#8b9690;margin-top:3px;font-size:10px;display:block}.skill-row{margin-top:14px}.skill-row span{color:#8a958f;margin-bottom:4px;font-size:10px;display:block}.skill-row b{color:#1d6c55;text-overflow:ellipsis;white-space:nowrap;background:#e8f5ec;border-radius:5px;max-width:100%;padding:5px 8px;font-size:12px;display:inline-block;overflow:hidden}.skill-row:last-child b{color:#a45d3f;background:#fff0ea}.swap-line{color:#a7b6ad;height:10px;margin:1px 0 -2px;font-size:13px;line-height:14px}footer{text-align:center;color:#7f8b84;background:#fbfcfa;border-top:1px solid #edf0e9;padding:35px 20px;font-size:12px}@media (width<=760px){.topbar{height:62px;padding:0 18px}nav{gap:16px}.hero{padding:55px 20px 66px}.hero-copy br{display:none}.skill-orbit{margin-top:36px}.publish-section{grid-template-columns:1fr;gap:28px;padding:70px 20px}.my-card-section{padding:36px 20px;display:block}.my-card-section .skill-card{width:auto;margin-top:20px}.match-banner{margin:0 20px;padding:15px}.square-section{padding:65px 20px}.square-heading{align-items:start}.square-heading>p{display:none}.cards-grid{grid-template-columns:repeat(2,1fr);gap:11px}.skill-card{padding:14px}}