*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;background:#0a0a0b;color:#e4e4e7;min-height:100dvh}#root{min-height:100dvh;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:480px;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem}header{text-align:center}h1{font-size:2.25rem;font-weight:600;letter-spacing:-.03em;color:#fafafa}.tagline{margin-top:.35rem;font-size:.9rem;color:#71717a;font-weight:400}.about{text-align:center}.about p{color:#a1a1aa;font-size:.9rem;line-height:1.65}.tech-stack{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.badge{padding:.2rem .6rem;border-radius:999px;border:1px solid #27272a;font-size:.7rem;color:#a1a1aa;background:transparent;letter-spacing:.01em}.card{width:100%;padding:2rem 1.75rem;border-radius:16px;border:1px solid #1c1c1f;background:#111113}.mode-toggle{display:flex;gap:.25rem;justify-content:center;margin-bottom:1.5rem;background:#18181b;border-radius:10px;padding:.25rem}.mode-btn{flex:1;padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:#71717a;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.mode-btn.active{background:#27272a;color:#fafafa}.mode-btn:hover:not(.active){color:#a1a1aa}form{display:flex;flex-direction:column;gap:.75rem}input[type=email],.ai-input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid #27272a;background:#18181b;color:#fafafa;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s ease}input[type=email]::placeholder,.ai-input::placeholder{color:#52525b}input[type=email]:focus,.ai-input:focus{border-color:#3f3f46}.ai-input{resize:vertical;min-height:72px}.word-count{font-size:.7rem;color:#52525b;text-align:right;margin-top:-.4rem}button[type=submit]{margin-top:.25rem;padding:.7rem 1.25rem;border-radius:10px;border:none;background:#fafafa;color:#09090b;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease}button[type=submit]:hover{background:#e4e4e7}button[type=submit]:disabled{opacity:.4;cursor:not-allowed}.msg-slot{min-height:2rem;margin-top:.75rem;display:flex;align-items:center;justify-content:center}.msg{font-size:.8rem;text-align:center}.msg.success{color:#4ade80}.msg.error{color:#f87171}.disclaimer{margin-top:.5rem;font-size:.7rem;color:#52525b;line-height:1.5;text-align:center}footer{text-align:center}footer p{font-size:.75rem;color:#3f3f46}.dns-container{max-width:640px}.dns-grid{width:100%;display:flex;flex-direction:column;gap:.75rem}.dns-card{width:100%;border-radius:12px;border:1px solid #1c1c1f;background:#111113;overflow:hidden}.dns-card-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #1c1c1f;background:#0e0e10}.dns-label{font-size:.75rem;font-weight:600;color:#fafafa;background:#27272a;padding:.15rem .5rem;border-radius:6px;white-space:nowrap}.dns-name{font-size:.7rem}.dns-card-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.dns-record{display:flex;flex-direction:column;gap:.25rem}.dns-record+.dns-record{padding-top:.5rem;border-top:1px solid #1a1a1d}.dns-record-top{display:flex;align-items:center;gap:.5rem}.dns-type-badge{font-size:.6rem;font-weight:600;color:#a1a1aa;background:#1c1c1f;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.dns-tag{font-size:.6rem;font-weight:500;color:#4ade80;background:#4ade801a;padding:.1rem .4rem;border-radius:4px}.dns-data{font-size:.7rem;color:#a1a1aa;word-break:break-all;line-height:1.5}.dns-loading{font-size:.75rem;color:#52525b}.dns-error{font-size:.75rem;color:#f87171}.dns-empty{font-size:.75rem;color:#3f3f46;font-style:italic}