:root{--duon-charcoal: #2A2B2D;--duon-white: #FFFFFF;--duon-slate: #6B7280;--duon-slate-light: #9CA3AF;--duon-blue-ice: #E1F5FE;--duon-blue-cyan: #00D2FF;--duon-blue-sky: #38BDF8;--duon-blue-primary: #1E88E5;--duon-blue-dark: #0D47A1;--duon-green: #34A853;--duon-yellow: #FBBC05;--duon-red: #EA4335;--bg-page: #F8F9FA;--bg-card: #FFFFFF;--border-color: #E5E7EB;--text-main: #1F2937;--font-headline: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--radius-pill: 999px;--radius-card: 24px;--radius-input: 12px;--shadow-card: 0 10px 40px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.top-header{padding:16px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--duon-white)}.brand-logo-img{height:32px;width:auto;object-fit:contain;display:block}.brand-badge-go{font-size:.75rem;font-weight:700;background:var(--duon-blue-ice);color:var(--duon-blue-dark);padding:2px 10px;border-radius:var(--radius-pill);margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.main-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.wizard-card{width:100%;max-width:540px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:38px;box-shadow:var(--shadow-card)}.wizard-title{font-family:var(--font-headline);font-size:1.75rem;font-weight:800;color:var(--duon-charcoal);margin-bottom:6px;letter-spacing:-.5px}.wizard-sub{color:var(--duon-slate);font-size:.95rem;margin-bottom:28px;line-height:1.5}.btn-google-official{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--duon-white);color:var(--duon-charcoal);font-family:var(--font-headline);font-weight:700;font-size:.95rem;padding:13px 18px;border-radius:var(--radius-pill);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.btn-google-official:hover{background:#f8f9fa;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.divider{display:flex;align-items:center;text-align:center;margin:22px 0;color:var(--duon-slate-light);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-headline);font-weight:700;font-size:.88rem;color:var(--duon-charcoal);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border-radius:var(--radius-input);border:1.5px solid var(--border-color);font-family:var(--font-body);font-size:.95rem;color:var(--text-main);background:var(--bg-card);transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--duon-blue-primary);box-shadow:0 0 0 3px #1e88e526}.archetype-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.archetype-option{border:1.5px solid var(--border-color);border-radius:16px;padding:16px 14px;cursor:pointer;transition:all .2s ease;background:var(--bg-page);display:flex;flex-direction:column;align-items:flex-start;position:relative}.archetype-option input{position:absolute;opacity:0;pointer-events:none}.archetype-option:hover{border-color:#cbd5e1;background:#fff}.archetype-option.active{border-color:var(--duon-blue-primary);background:var(--duon-blue-ice);box-shadow:0 4px 14px #1e88e51f}.archetype-option-icon{width:36px;height:36px;border-radius:10px;background:var(--duon-white);color:var(--duon-blue-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:10px;box-shadow:0 1px 4px #0000000f}.archetype-option.active .archetype-option-icon{background:var(--duon-blue-primary);color:var(--duon-white)}.archetype-option-name{font-family:var(--font-headline);font-size:.95rem;font-weight:800;color:var(--duon-charcoal);margin-bottom:2px}.archetype-option-desc{font-size:.75rem;color:var(--duon-slate);line-height:1.3}.slug-preview{margin-top:8px;font-size:.8rem;color:var(--duon-blue-primary);display:flex;align-items:center;gap:6px;word-break:break-all}.btn-duon-primary{width:100%;background:var(--duon-charcoal);color:var(--duon-white);border:1px solid var(--duon-charcoal);padding:13px 20px;border-radius:var(--radius-pill);font-family:var(--font-headline);font-weight:700;font-size:.98rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #2a2b2d26;transition:all .2s ease}.btn-duon-primary:hover{background:#1a1b1c;border-color:#1a1b1c;transform:translateY(-1px)}.btn-duon-secondary{width:100%;background:#fff;color:var(--duon-blue-primary);border:1.5px dashed #93C5FD;padding:13px 20px;border-radius:16px;font-family:var(--font-headline);font-weight:700;font-size:.94rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1e88e50d;letter-spacing:-.01em}.btn-duon-secondary:hover{background:var(--duon-blue-ice);border-color:var(--duon-blue-primary);color:var(--duon-blue-dark);transform:translateY(-1px);box-shadow:0 6px 20px #1e88e524}.btn-duon-secondary:active{transform:scale(.98)}.btn-duon-secondary i{font-size:.82rem;background:#1e88e51f;color:var(--duon-blue-primary);width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,color .2s ease}.btn-duon-secondary:hover i{transform:rotate(90deg);background:var(--duon-blue-primary);color:#fff}.user-profile-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-card);padding:10px 16px;margin-bottom:24px}.user-profile-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--duon-charcoal);color:var(--duon-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-headline);font-weight:800;font-size:.95rem}.user-name-text{font-family:var(--font-headline);font-size:.92rem;font-weight:700;color:var(--duon-charcoal);display:block}.user-email-text{font-size:.78rem;color:var(--duon-slate)}.btn-logout-mini{background:none;border:none;color:var(--duon-slate);cursor:pointer;font-size:.82rem;font-weight:600}.btn-logout-mini:hover{color:var(--duon-red)}.error-msg{background:#ea43351a;border:1px solid rgba(234,67,53,.3);color:var(--duon-red);padding:10px 14px;border-radius:12px;font-size:.85rem;margin-bottom:16px;display:none;font-weight:600}.existing-card-item{background:var(--bg-page);border:1.5px solid var(--border-color);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:0 2px 8px #00000008}.existing-card-item:hover{border-color:var(--duon-blue-sky);box-shadow:0 4px 14px #1e88e514}.card-item-header{display:flex;align-items:center;gap:12px;min-width:0;width:100%}.card-item-avatar{width:40px;height:40px;border-radius:12px;background:var(--duon-blue-ice);color:var(--duon-blue-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;overflow:hidden}.card-item-avatar img{width:100%;height:100%;object-fit:cover}.card-item-info{min-width:0;flex:1}.card-item-title{font-family:var(--font-headline);font-weight:800;font-size:.98rem;color:var(--duon-charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;margin-bottom:2px}.card-item-slug{font-size:.78rem;color:var(--duon-blue-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.btn-card-action{width:100%;justify-content:center;font-size:.82rem!important;padding:8px 12px!important;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill)}@media(max-width:480px){.wizard-card{padding:24px 18px;border-radius:20px}.main-wrap{padding:20px 12px}}