:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#e2e8f0}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#1e293b,#0f172a)}a{color:inherit;text-decoration:none}*{box-sizing:border-box}button{cursor:pointer}main{padding:2rem}input,select{padding:.75rem 1rem;border-radius:.75rem;border:1px solid #334155;background-color:rgba(15,23,42,.9);color:#e2e8f0}input:focus,select:focus{outline:2px solid #38bdf8}.card{background:rgba(30,41,59,.85);border:1px solid rgba(148,163,184,.15);border-radius:1.5rem;padding:2rem;box-shadow:0 30px 60px -30px rgba(15,23,42,.8)}.primary-button{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0f172a;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(56,189,248,.35)}.secondary-button{background:transparent;color:#38bdf8;border:1px solid rgba(56,189,248,.4);border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:background .15s ease,color .15s ease}.secondary-button:hover{background:rgba(56,189,248,.08);color:#e0f2fe}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table td,.table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.2)}.badge{display:inline-block;background:rgba(56,189,248,.15);color:#38bdf8;border-radius:9999px;padding:.35rem .75rem;font-weight:600;font-size:.85rem}.user-display{gap:.5rem;font-weight:600}.pro-badge,.user-display{display:inline-flex;align-items:center}.pro-badge{gap:.25rem;background:linear-gradient(135deg,rgba(249,115,22,.95),rgba(217,70,239,.95));color:#0f172a;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 0 10px rgba(217,70,239,.35)}.layout{max-width:1100px;margin:0 auto}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}nav .logo{font-weight:700;font-size:1.25rem}nav .actions{display:flex;gap:1rem}.hero{text-align:center;padding:4rem 0}.hero h1{font-size:clamp(2.5rem,3vw + 1rem,3.5rem);margin-bottom:1rem}.hero p{color:#94a3b8;max-width:620px;margin:0 auto}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.profile-card{position:relative}.profile-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.profile-back-button{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:9999px;padding:.65rem 1.2rem;font-weight:600;background:linear-gradient(135deg,rgba(59,130,246,.85),rgba(14,165,233,.85));color:#0f172a;transition:transform .15s ease,box-shadow .15s ease}.profile-back-button:focus-visible,.profile-back-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(56,189,248,.35);outline:none}.profile-info-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.profile-info-block{background:rgba(15,23,42,.65);border:1px solid rgba(148,163,184,.1);border-radius:1rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border .15s ease,background .15s ease,box-shadow .15s ease}.profile-info-block.editing{border-color:rgba(56,189,248,.45);background:rgba(15,23,42,.85);box-shadow:0 0 0 1px rgba(56,189,248,.15)}.profile-info-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:600}.profile-info-value{font-size:1.1rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.editable-display{border:none;background:transparent;text-align:left;color:inherit;padding:.25rem 0;border-radius:.75rem;display:flex;flex-direction:column;gap:.35rem;transition:background .15s ease,color .15s ease}.editable-display:focus-visible,.editable-display:hover{background:rgba(56,189,248,.08);color:#e0f2fe;outline:none}.editable-hint{font-size:.75rem;color:#94a3b8}.profile-edit-form{display:flex;flex-direction:column;gap:.75rem}.profile-edit-actions{display:flex;flex-wrap:wrap;gap:.75rem}.text-button{background:transparent;border:none;color:#cbd5f5;font-weight:600;padding:.45rem .9rem;border-radius:9999px;transition:background .15s ease,color .15s ease}.text-button:focus-visible,.text-button:hover{background:rgba(148,163,184,.15);color:#e2e8f0;outline:none}.profile-status{font-size:.85rem;margin:0}.profile-status--success{color:#34d399}.profile-status--error{color:#f87171}