:root{--primary-neon:#8b5cf6;--primary-hover:#7c3aed;--secondary-glow:#3b82f6;--success-neon:#10b981;--bg-obsidian:#020617;--bg-slate:#0f172a;--card-glass:#0f172a99;--card-border:#ffffff14;--text-primary:#f8fafc;--text-muted:#94a3b8;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition:all .3s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-obsidian);line-height:1.6}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(circle at 0 0,#8b5cf61f 0,#0000 40%),radial-gradient(circle at 100% 100%,#3b82f61f 0,#0000 40%),radial-gradient(circle,#020617 0,#0000 100%);background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;margin:0}button{cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-heading);transition:var(--transition);background:var(--primary-neon);color:#fff;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.4rem;display:inline-flex;box-shadow:0 4px 15px #8b5cf633}button:hover{background:var(--primary-hover);border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.glass-panel{background:var(--card-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--card-border);transition:var(--transition);border-radius:24px}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 30px 60px -12px #00000080,0 18px 36px -18px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.page-entry{animation:.6s cubic-bezier(.22,1,.36,1) forwards slideUp}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.app-layout{flex-direction:column;min-height:100vh;display:flex;position:relative}.nav-container{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(160%);background:#020617b3;border-bottom:1px solid #ffffff0d;padding:0 2rem;transition:all .4s;position:sticky;top:0}.main-nav{justify-content:space-between;align-items:center;max-width:1300px;height:80px;margin:0 auto;display:flex}.brand-link{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.05em;background:linear-gradient(135deg, #fff 0%, var(--primary-neon) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.brand-badge{color:#c084fc;vertical-align:middle;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:999px;margin-left:4px;padding:.2rem .6rem;font-size:.7rem}.nav-links{gap:1rem;display:flex}.nav-item{color:var(--text-muted);transition:var(--transition);font-size:.95rem;font-weight:500;font-family:var(--font-heading);border-radius:12px;padding:.5rem 1rem;text-decoration:none;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item.active{color:var(--primary-neon);background:#8b5cf61a;box-shadow:0 0 40px -10px #8b5cf64d}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem}.page-header{text-align:center;margin-bottom:3rem}.page-title{background:linear-gradient(135deg, var(--text-primary) 20%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.page-desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.action-card{cursor:pointer;background:var(--card-glass);flex-direction:column;min-height:280px;padding:2.5rem;text-decoration:none;display:flex}.action-icon{margin-bottom:1.5rem;font-size:2.5rem}.action-card h3{color:var(--text-primary);margin-bottom:.8rem;font-size:1.5rem}.action-card p{color:var(--text-muted);flex:1;font-size:.95rem;line-height:1.6}.action-cta{color:var(--primary-neon);font-weight:700;font-family:var(--font-heading);align-items:center;gap:.5rem;margin-top:1.5rem;transition:gap .2s;display:flex}.action-card:hover .action-cta{gap:.8rem}.tester-card{flex-direction:column;align-items:center;gap:2rem;padding:3rem;display:flex}.display-area{background:#0003;border:1px solid #ffffff08;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;overflow:hidden}.dog-hero{object-fit:cover;border-radius:16px;width:100%;height:450px;box-shadow:0 10px 40px #0006}.breed-badge{background:var(--primary-neon);font-size:1.2rem;font-weight:800;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border-radius:999px;padding:.5rem 1.5rem;box-shadow:0 4px 20px #8b5cf666}.joke-card-content{text-align:center;width:100%;padding:2.5rem}.joke-setup-text{margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.3}.joke-punch-text{color:var(--primary-neon);font-size:1.5rem;font-family:var(--font-heading);animation:.4s slideUp}.user-profile{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.user-img-large{border:4px solid var(--primary-neon);border-radius:50%;width:180px;height:180px;box-shadow:0 0 50px -10px #8b5cf680}.user-data-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}.user-data-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1rem}.data-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.75rem;display:block}.data-value{font-size:1.1rem;font-weight:600;font-family:var(--font-heading)}.json-viewer{width:100%;height:500px;font-family:var(--font-mono);color:#8b949e;background:#010409;border-radius:16px;padding:1.5rem;font-size:.95rem;line-height:1.5;overflow-y:auto}.json-string{color:#a5d6ff}.json-number{color:#ff7b72}.json-boolean{color:#d2a8ff}.json-key{color:#7ee787}.exchange-container{flex-direction:column;gap:2rem;width:100%;max-width:600px;display:flex}.exchange-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;width:100%;display:grid}.exchange-input-group{flex-direction:column;gap:.8rem;display:flex}.exchange-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:700}.currency-select,.amount-input{width:100%;color:var(--text-primary);font-family:var(--font-heading);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:1rem 1.2rem;font-size:1.1rem;font-weight:600}.currency-select:focus,.amount-input:focus{border-color:var(--primary-neon);background:#ffffff14;box-shadow:0 0 20px #8b5cf626}.swap-btn{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-top:1.8rem;padding:0;font-size:1.2rem;display:flex}.swap-btn:hover{background:var(--primary-neon);transform:rotate(180deg)}.amount-group{text-align:left;width:100%}.result-card{text-align:center;background:linear-gradient(135deg,#8b5cf61a 0%,#3b82f60d 100%);border:1px dashed #8b5cf64d;border-radius:20px;width:100%;padding:2.5rem;animation:.5s slideUp}.result-amount{font-size:3rem;font-weight:800;font-family:var(--font-heading);color:#fff;text-shadow:0 0 30px #8b5cf666;margin-bottom:.5rem}.result-rate{color:var(--text-muted);font-size:1rem;font-family:var(--font-mono)}.currency-badge{color:var(--primary-neon);margin-left:.5rem}.weather-display{flex-direction:column;align-items:center;gap:2.5rem;width:100%;display:flex}.weather-temp{font-size:6rem;font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg, #fff 0%, var(--secondary-glow) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #3b82f64d);-webkit-background-clip:text;line-height:1}.weather-stat-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:500px;display:grid}@media (width<=768px){.page-title{font-size:2.5rem}.card-grid,.user-data-grid{grid-template-columns:1fr}.nav-links{display:none}.exchange-controls{grid-template-columns:1fr}.swap-btn{margin:0 auto;transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}}