:root{--bg: #ffffff;--surface: #fff;--text: #0f172a;--muted: #475569;--primary: #0B2B40;--primary-500: #0f3650;--primary-600: #123D56;--ring: #e5e7eb;--ring-strong: #cbd5e1;--shadow: 0 10px 30px rgba(2,6,23,.06), 0 2px 8px rgba(2,6,23,.06);--radius: 16px;--container-max: 1100px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(circle at 20% 80%,rgba(11,43,64,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(11,43,64,.1) 0%,transparent 50%),linear-gradient(135deg,#f8fafc,#f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:20%;left:-10%;width:60%;height:80%;background:radial-gradient(ellipse at 30% 20%,rgba(11,43,64,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(11,43,64,.12) 0%,transparent 60%),linear-gradient(45deg,#0b2b4014,#0b2b401f,#0b2b4014);border-radius:50% 30% 70% 40%;transform:rotate(-15deg) skewY(5deg);z-index:0;filter:blur(2px);animation:flow 12s ease-in-out infinite;pointer-events:none}@keyframes flow{0%,to{transform:rotate(-15deg) skewY(5deg) translateY(0) scale(1)}33%{transform:rotate(-10deg) skewY(3deg) translateY(-10px) scale(1.05)}66%{transform:rotate(-20deg) skewY(7deg) translateY(5px) scale(.95)}}.container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(11,43,64,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(11,43,64,.08) 1px,transparent 1px);background-size:30px 30px;z-index:0;pointer-events:none}.container{max-width:var(--container-max);margin:0 auto;padding:24px 20px 60px;position:relative;z-index:10}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.hero{text-align:center;margin:48px auto 24px;max-width:700px;position:relative;z-index:10}.hero h2{margin:0 0 8px;color:var(--primary);font-weight:600;font-size:clamp(13px,1.4vw,15px);letter-spacing:.12em;text-transform:uppercase;opacity:.95}.hero h1{margin:0;font-size:clamp(28px,3.8vw,44px);letter-spacing:-.02em}.hero h3{margin:12px auto 0;color:var(--muted);font-weight:400;font-size:clamp(14px,1.7vw,16px);line-height:1.6}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.8);border-radius:var(--radius);box-shadow:0 20px 40px #02061714,0 4px 16px #0206170f,inset 0 1px #fffc;padding:24px;position:relative;z-index:10}.card-header{margin-bottom:24px;text-align:left}.card-title{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.01em}.card-description{margin:0;font-size:15px;color:var(--muted);line-height:1.5}.input-row{display:flex;align-items:center;gap:12px}.field-row{margin-top:12px}.options-group{margin-top:16px}.options-header{margin-bottom:8px}.options-title{font-weight:600;font-size:14px}.options-hint{color:var(--muted);font-size:13px;margin-top:4px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.option-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:16px 18px;border-radius:12px;border:1px solid var(--ring);background:#f6fbfd;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.option-card:hover{border-color:var(--ring-strong)}.option-card:focus-visible{outline:0;box-shadow:0 0 0 4px #0b2b4026}.option-card.selected{background:#e8f3f8;border-color:var(--primary);box-shadow:0 0 0 2px #0b2b4040 inset}.option-icon{font-size:22px}.option-info{flex:1}.option-name{font-weight:600;font-size:15px}.option-desc{color:var(--muted);font-size:13px;margin-top:3px}.option-check{color:var(--primary);margin-left:8px;opacity:.85}@media (max-width: 640px){.option-grid{grid-template-columns:1fr}}.input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid var(--ring);background:#fff;outline:0;font-size:15px;transition:border-color .15s ease}.input:hover{border-color:var(--ring-strong)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0b2b4026}.input::placeholder{color:#8fa0b3}.input:disabled{background:#f3f4f6;color:#9ca3af}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,var(--primary) 0,var(--primary-600) 100%);color:#fff;font-weight:600;padding:12px 16px;font-size:15px;cursor:pointer;transition:background .15s ease;box-shadow:0 8px 18px #0b2b4040,0 2px 6px #0b2b402e}.btn-full-width{width:100%;justify-content:center;margin-top:20px;padding:14px 18px;font-size:16px}.btn:hover{background:linear-gradient(180deg,var(--primary-500) 0,var(--primary-600) 100%)}.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.btn:focus-visible{outline:0;box-shadow:0 0 0 4px #0b2b402e,0 8px 18px #0b2b4040}.btn .ph-duotone{font-size:18px;--ph-duo-primary-color: #fff;--ph-duo-secondary-color: rgba(255,255,255,.65)}.surface{background:var(--surface);border:1px solid var(--ring);border-radius:var(--radius)}.results{margin-top:16px;padding:14px 16px;display:flex;align-items:flex-start;gap:10px}.results .icon{color:#22c55e;font-size:20px;margin-top:2px}.results .message{color:var(--text);white-space:pre-wrap;font-size:15px}.footer{margin-top:40px;text-align:center;color:var(--muted);font-size:12px;opacity:.9}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-button{padding:8px 14px;border:1px solid var(--ring);border-radius:18px;background:#f8fafc;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tag-button:hover{border-color:var(--ring-strong);background:#f1f5f9}.tag-button.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.tag-button:focus-visible{outline:0;box-shadow:0 0 0 3px #0b2b4026}@media (max-width: 640px){.container{padding:20px 16px 48px}.input-row{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}}