.sf-experience{margin-top:30px;padding:30px;border-radius:30px;background:linear-gradient(135deg,rgba(9,38,61,.96),color-mix(in srgb,var(--sf2) 25%,#143f5a));color:#fff;box-shadow:0 28px 70px rgba(12,45,70,.16);overflow:hidden;position:relative}.sf-experience:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;top:-130px;background:radial-gradient(circle,color-mix(in srgb,var(--sf1) 28%,transparent),transparent 68%);pointer-events:none}.sf-exp-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.sf-exp-head small{font:800 .72rem Rajdhani,sans-serif;letter-spacing:.16em;color:#a9e8eb}.sf-exp-head h3{margin:6px 0 0;font:700 clamp(1.7rem,3vw,2.5rem) Exo 2,sans-serif}.sf-exp-head p{max-width:480px;margin:0;color:#cbdce5;line-height:1.55}.sf-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-tool-card{position:relative;z-index:1;padding:20px;border-radius:20px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(8px)}.sf-tool-card label{display:block;font:700 .8rem Rajdhani,sans-serif;letter-spacing:.05em;color:#dceaf0;margin-bottom:8px}.sf-tool-card input,.sf-tool-card select,.sf-tool-card textarea{width:100%;padding:11px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(248,252,254,.94);color:#17384e}.sf-tool-card input[type=range]{padding:0;accent-color:var(--sf1)}.sf-tool-output{grid-column:1/-1;padding:22px;border-radius:20px;background:linear-gradient(110deg,color-mix(in srgb,var(--sf1) 17%,rgba(255,255,255,.08)),rgba(255,255,255,.06));border:1px solid color-mix(in srgb,var(--sf1) 35%,transparent)}.sf-tool-output strong{display:block;font:700 clamp(1.5rem,3vw,2.3rem) Exo 2,sans-serif}.sf-tool-output span{display:block;margin-top:6px;color:#d5e4eb}.sf-choice-row{display:flex;flex-wrap:wrap;gap:9px}.sf-choice{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font:700 .8rem Rajdhani,sans-serif}.sf-choice.active{background:var(--sf1);color:#082b3c;border-color:transparent}.sf-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sf-board-col{padding:16px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.sf-board-col b{display:block;color:#a9e8eb;font:800 .72rem Rajdhani,sans-serif;letter-spacing:.12em;margin-bottom:9px}.sf-board-col textarea{width:100%;min-height:100px;padding:10px;border:0;border-radius:10px;background:rgba(255,255,255,.92);color:#17384e;resize:vertical}.sf-score-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--sf1) var(--score,50%),rgba(255,255,255,.1) 0);position:relative}.sf-score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#173e58}.sf-score-ring b{position:relative;z-index:1;font:700 1.7rem Exo 2,sans-serif}.sf-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.sf-checks label{display:flex;gap:8px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.06)}.sf-timeline{display:flex;gap:8px;align-items:stretch}.sf-step{flex:1;padding:14px 10px;border-radius:14px;background:rgba(255,255,255,.07);text-align:center}.sf-step b{display:block;color:#a9e8eb}.sf-step span{font-size:.8rem;color:#d8e5eb}.sf-media-note{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);color:#a9bdc9;font-size:.78rem}.sf-exp-action{display:inline-flex;margin-top:16px;color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid var(--sf1)}@media(max-width:800px){.sf-tool-grid,.sf-board{grid-template-columns:1fr}.sf-exp-head{display:block}.sf-exp-head p{margin-top:10px}.sf-timeline{display:grid;grid-template-columns:1fr 1fr}.sf-checks{grid-template-columns:1fr}}