:root{--app-root: #030303;--text-main: #f5f5f5;--text-soft: #9ca3af;--border-soft: rgba(255, 255, 255, .12);--border-glass: rgba(255, 255, 255, .08);--success: #34d399}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;background:var(--app-root);color:var(--text-main);overflow-x:hidden}body:before{content:"";position:fixed;top:-320px;left:50%;transform:translate(-50%);width:min(1200px,120vw);height:700px;background:radial-gradient(circle at center,#ffffff14,#fff0);filter:blur(48px);pointer-events:none;z-index:0}main{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:32px 20px 56px}.top-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-soft);background:#ffffff08;color:var(--text-soft);border-radius:999px;padding:8px 14px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.dot{width:7px;height:7px;border-radius:999px;background:var(--success);box-shadow:0 0 12px #34d399cc;animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}h1{font-size:clamp(2rem,5.6vw,4.2rem);line-height:1.05;margin:18px 0 14px;letter-spacing:-.04em;font-weight:700;background:linear-gradient(to bottom,#fff,#d4d4d4 48%,#7f7f7f);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{max-width:620px;color:var(--text-soft);margin:0 0 32px;font-size:clamp(.95rem,1.7vw,1.1rem);line-height:1.7;font-weight:500}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border-glass);border-radius:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 56px #00000073;padding:22px}.label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;color:#a3a3a3;text-transform:uppercase;margin-bottom:12px}textarea,select{width:100%;background:#090909;border:1px solid var(--border-soft);color:#fff;border-radius:14px;padding:12px 14px;font:inherit;outline:none;transition:border-color .2s ease}textarea{resize:vertical;min-height:118px}textarea:focus,select:focus{border-color:#ffffff59}input[type=color]{width:100%;height:46px;border:1px solid var(--border-soft);border-radius:14px;padding:4px;background:#090909;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:10px}input[type=color]::-moz-color-swatch{border:0;border-radius:10px}input[type=color]:focus{outline:none;border-color:#ffffff59}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.size-wrap{margin-top:16px}.size-value{font-weight:700;font-size:.9rem;color:#d4d4d4}input[type=range]{width:100%;margin-top:10px;accent-color:#fff}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}button{border:1px solid transparent;border-radius:999px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.btn-primary{background:#fff;color:#000;box-shadow:0 0 24px #fff3}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:#ffffff0a;color:#fff;border-color:#ffffff24}.btn-ghost:hover{background:#ffffff14}.preview{display:grid;place-items:center;min-height:100%;background:#080808;border:1px solid var(--border-soft);border-radius:22px;padding:24px;position:relative}#qrCanvas{width:min(100%,320px);height:auto;background:#fff;border-radius:16px;padding:10px;box-shadow:0 16px 34px #00000080}.placeholder{text-align:center;color:#a3a3a3;font-size:.9rem;line-height:1.6;max-width:250px}.status{margin-top:12px;min-height:1.1em;font-size:.85rem;color:#d4d4d4}.status.error{color:#fca5a5}footer{margin-top:20px;color:#737373;font-size:.82rem;text-align:center}::selection{background:#fff;color:#000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}@media(max-width:860px){.grid{grid-template-columns:1fr}.card{border-radius:24px}main{padding-top:24px}}.credit{margin-top:18px;color:#8a8a8a;font-size:.84rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.credit strong{color:#cfcfcf;font-weight:600}.linkedin-link{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#d9d9d9;text-decoration:none;font-size:.7rem;font-weight:700;line-height:1;transition:background-color .2s ease,border-color .2s ease}.linkedin-link:hover{background:#ffffff1a;border-color:#ffffff57}