section.ct-hero{padding:150px 0 10px}
.ct-hero h1{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:800;max-width:15ch}
.ct-hero p{color:var(--mu);max-width:56ch;margin-top:18px}
section.ct{padding:50px 0 90px}
.ct-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}
.c-links{list-style:none;display:grid;gap:14px}
.c-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;background:var(--surf);border:1px solid var(--line);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s}
.c-card:hover{transform:translateY(-4px);border-color:rgba(var(--or-rgb),.45);box-shadow:0 20px 40px -26px rgba(var(--or-rgb),.55),0 0 40px -18px rgba(var(--bl-rgb),.5)}
.c-i{flex:none;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--or);background:rgba(var(--or-rgb),.1);transition:.4s}
.c-links li:nth-child(even) .c-i{color:var(--bl);background:rgba(var(--bl-rgb),.1)}
.c-i svg{width:23px;height:23px}.c-i .gl{font:800 1rem var(--hf)}.c-card:hover .c-i{background:var(--grad);color:#fff}
.c-t{flex:1;min-width:0}.c-t small{display:block;color:var(--mu);font-weight:600;font-size:.82rem}.c-t b{display:block;font:600 1rem var(--hf);overflow-wrap:anywhere}
.c-go{color:var(--mu);font-size:1.2rem;transition:.4s}.c-card:hover .c-go{color:var(--or);transform:translate(3px,-3px)}
.panel{padding:clamp(26px,4vw,46px);border-radius:30px;background:rgba(var(--surf-rgb),.78);backdrop-filter:blur(12px);border:1px solid var(--line)}
.panel h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.panel>p{color:var(--mu);margin:10px 0 28px}
.cform{display:grid;gap:16px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{position:relative}
.fld input,.fld select,.fld textarea{display:block;width:100%;padding:26px 18px 10px;border-radius:16px;border:1.5px solid var(--line);background:rgba(255,255,255,.03);color:var(--tx);font:500 1rem var(--bf);outline:0;color-scheme:dark;transition:border-color .35s,box-shadow .35s,background .35s}
.fld textarea{resize:vertical;min-height:140px}.fld select{appearance:none;-webkit-appearance:none;cursor:pointer}
.fld select option{background:var(--surf);color:var(--tx)}
.fld label{position:absolute;left:19px;top:18px;color:var(--mu);pointer-events:none;transform-origin:left top;transition:transform .3s cubic-bezier(.2,.7,.2,1),color .3s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--bl);background:rgba(255,255,255,.05);box-shadow:0 0 0 4px rgba(var(--bl-rgb),.14),0 0 30px -6px rgba(var(--bl-rgb),.55)}
.fld input:focus+label,.fld select:focus+label,.fld textarea:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:not(:placeholder-shown)+label,.fld select:valid+label{transform:translateY(-11px) scale(.76)}
.fld input:focus+label,.fld select:focus+label,.fld textarea:focus+label{color:var(--bl)}
.fld.sel::after{content:"";position:absolute;right:20px;top:50%;width:8px;height:8px;margin-top:-6px;border:solid var(--mu);border-width:0 2px 2px 0;rotate:45deg;pointer-events:none;transition:.3s}
.fld.sel:focus-within::after{border-color:var(--bl);margin-top:-3px;rotate:-135deg}
.fld.err input,.fld.err select,.fld.err textarea{border-color:#ff6161;box-shadow:0 0 0 4px rgba(255,97,97,.12)}
.cform .btn{justify-self:start;margin-top:6px}.cform .btn:disabled{opacity:.7;cursor:wait}
#fmsg{min-height:1.5em;font-size:.95rem;font-weight:600}#fmsg.ok{color:#5fe0a0}#fmsg.bad{color:#ff8a8a}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}.panel-wrap{order:-1}}
@media(max-width:560px){.row2{grid-template-columns:1fr}.cform .btn{justify-self:stretch;justify-content:center}}