*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:#111827;background-color:#0f172a}body{margin:0}.app{min-height:100vh;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto}.app-header{color:#e5e7eb}.app-header h1{font-size:1.8rem;margin:0 0 .5rem}.app-header p{margin:0;max-width:640px;color:#d1d5db}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr);gap:1.5rem}.card{background:#020617;border-radius:16px;padding:1.25rem 1.5rem 1.5rem;box-shadow:0 18px 45px #0f172ab3;border:1px solid #1f2937}.card h2{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;color:#e5e7eb}.card h3{margin-top:1.25rem;margin-bottom:.5rem;font-size:1rem;color:#e5e7eb}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#e5e7eb}.field span{color:#9ca3af}.field input,.field textarea{border-radius:10px;border:1px solid #374151;background-color:#020617;padding:.5rem .6rem;font-size:.9rem;color:#e5e7eb;outline:none}.field input:focus,.field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.field textarea{resize:vertical;min-height:180px}.field.checkbox{flex-direction:row;align-items:center;gap:.5rem}.field.checkbox span{color:#e5e7eb}.field.checkbox input[type=checkbox]{width:1rem;height:1rem}.summary{margin-bottom:1rem;border-radius:12px;border:1px solid #1f2937;background:radial-gradient(circle at top left,#0ea5e9 0,#020617 45%);padding:.9rem 1rem;color:#e5e7eb;font-size:.9rem}.summary p{margin:.15rem 0}button{margin-top:.75rem;padding:.55rem .9rem;border-radius:999px;border:none;cursor:pointer;font-size:.95rem;font-weight:500;background:linear-gradient(to right,#0ea5e9,#22c55e);color:#020617;box-shadow:0 10px 25px #082f49cc}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px);box-shadow:0 6px 18px #082f49cc}@media (max-width: 880px){.layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){.app,.card{padding-inline:1rem}}