:root{--text-main:#194441;--text-muted:#4f6f6c;--primary:#268a92;--primary-bright:#12a4a4;--required:#e1261c;--surface:#fff;--page-bg:#f8fbfa;--border:#bccdcd;--border-soft:#d9e4e3;--shadow:0 16px 34px #19444124}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{color:var(--text-main);letter-spacing:0;margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{background:radial-gradient(circle at 50% 30%,#268a920d,#0000 35%),linear-gradient(#fff 0%,#f6faf9 52%,#f2f8f7 100%);min-height:100svh;padding-bottom:34px}.brand-header{border-bottom:8px solid var(--primary);background:#fff}.brand-inner{width:min(100%,1180px);margin:0 auto;padding:22px 34px 11px}.brand-logo{object-fit:contain;width:clamp(128px,26vw,240px);height:auto;display:block}.content{width:min(100%,842px);margin:0 auto;padding:48px 24px 0}.intro{text-align:center;justify-items:center;margin-bottom:28px;display:grid}h1{color:var(--text-main);margin:0;font-size:clamp(28px,3.7vw,38px);font-weight:800;line-height:1.25}.title-accent{background:linear-gradient(90deg, var(--primary), var(--primary-bright));border-radius:999px;width:52px;height:7px;margin:15px 0 16px;display:block;box-shadow:0 2px 8px #268a923d}.intro p{color:var(--text-main);margin:0;font-size:15px;font-weight:700;line-height:1.85}.form-card{box-shadow:var(--shadow);background:#fffffff7;border:1px solid #d9e4e3f5;border-radius:18px;padding:42px 36px 38px}.form-section{gap:30px;display:grid}.field{gap:12px;min-width:0;display:grid}.label-text{color:var(--text-main);font-size:16px;font-weight:800;line-height:1.45}.required{color:var(--required);margin-left:8px;font-weight:900}.name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.readonly-field{color:var(--text-muted);cursor:not-allowed;background:#f1f6f5;font-weight:700}.readonly-field:focus{border-color:var(--border);box-shadow:none}input,select,textarea{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:7px;outline:none;transition:border-color .16s,box-shadow .16s}input::placeholder,textarea::placeholder{color:#194441ad;font-weight:500}input,select{min-height:54px;padding:0 18px;font-size:15px;font-weight:600}textarea{resize:vertical;height:132px;min-height:132px;padding:16px 18px 42px;font-size:15px;font-weight:600;display:block}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #268a921c}.select-shell,.textarea-shell{display:block;position:relative}.select-shell select{appearance:none;color:var(--text-main);padding-right:52px}.select-shell svg{color:var(--text-main);pointer-events:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.device-field{border:0;min-width:0;margin:0;padding:0}.device-field>.label-text{margin-bottom:12px;padding:0;display:block}.device-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.device-chip{border:1.5px solid var(--border);min-height:54px;color:var(--text-main);background:#fff;border-radius:7px;align-items:center;padding:0 16px;font-size:14px;font-weight:700;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;position:relative}.device-chip:before{content:"";border:1.5px solid #b7c8c7;border-radius:50%;flex:none;width:22px;height:22px;margin-right:14px;transition:border-color .16s,box-shadow .16s}.device-chip span{white-space:nowrap}.device-chip input{opacity:0;width:1px;height:1px;position:absolute}.device-chip.is-selected{border-color:var(--primary);background:#f2fbfa;box-shadow:0 0 0 4px #268a9214}.device-chip.is-selected:before{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 5px #fff}.device-chip:has(input:focus-visible){box-shadow:0 0 0 4px #268a921c}.form-error{border:1.5px solid var(--required);color:#b21a12;background:#fdeceb;border-radius:7px;align-items:center;gap:10px;margin:24px 0 0;padding:14px 18px;font-size:14px;font-weight:700;line-height:1.55;display:flex}.form-error svg{flex:none}.submit-button{background:linear-gradient(90deg, var(--primary), #08a6a3);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:60px;margin-top:28px;font-size:20px;font-weight:800;transition:background-color .16s,filter .16s,transform .16s;display:inline-flex;box-shadow:0 12px 24px #268a9233}.submit-button:hover,.submit-button:focus-visible{filter:brightness(.94)}.submit-button:active{transform:translateY(1px)}.submit-button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.7}.complete-card{box-shadow:var(--shadow);text-align:center;background:#fffffff7;border:1px solid #d9e4e3f5;border-radius:18px;justify-items:center;margin-top:12px;padding:56px 36px 48px;display:grid}.complete-icon{color:var(--primary)}.complete-card h1{margin:18px 0 0;font-size:clamp(24px,3.2vw,32px)}.complete-card p{color:var(--text-main);margin:14px 0 0;font-size:15px;font-weight:700;line-height:1.85}.complete-button{border:1.5px solid var(--primary);min-width:220px;color:var(--primary);background:#fff;border-radius:7px;margin-top:28px;padding:13px 26px;font-size:16px;font-weight:800;transition:background-color .16s,filter .16s}.complete-button:hover,.complete-button:focus-visible{background:#f2fbfa}.privacy-note{color:var(--text-main);text-align:center;justify-content:center;align-items:center;gap:14px;margin:28px 0 0;font-size:14px;font-weight:700;display:flex}.privacy-note svg{color:var(--text-main);flex:none}@media (max-width:760px){.brand-inner{padding:16px 20px 9px}.brand-header{border-bottom-width:6px}.content{padding:42px 16px 0}.intro{margin-bottom:28px}.intro p{font-size:13px}.form-card{border-radius:14px;padding:30px 20px 28px}.form-section{gap:28px}.label-text{font-size:15px}.name-grid,.device-options{grid-template-columns:1fr;gap:12px}input,select{min-height:52px;font-size:14px}.device-chip{min-height:52px;font-size:13px}.submit-button{min-height:56px;font-size:18px}.privacy-note{text-align:left;align-items:flex-start;padding:0 8px;font-size:12px}}