:root{--font-primary: "Plus Jakarta Sans", sans-serif;--font-display: "Outfit", sans-serif;--bg-darkest: #090b0e;--bg-darker: #0f1319;--bg-dark: #161c24;--bg-card: rgba(22, 28, 36, .65);--color-text-main: #f3f4f6;--color-text-muted: #9ca3af;--color-text-darker: #6b7280;--primary-green: #10b981;--primary-green-glow: rgba(16, 185, 129, .15);--primary-gold: #f59e0b;--primary-gold-glow: rgba(245, 158, 11, .15);--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 255, 255, .12);--transition-speed: .3s;--radius-lg: 16px;--radius-md: 10px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-darkest);color:var(--color-text-main);font-family:var(--font-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:var(--bg-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-darker)}body{position:relative;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}.glow-orb{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0;opacity:.15}.orb-1{background:var(--primary-green);top:-100px;left:-100px;animation:floatOrb 25s infinite alternate ease-in-out}.orb-2{background:var(--primary-gold);top:40%;right:-150px;animation:floatOrb 30s infinite alternate-reverse ease-in-out}.orb-3{background:#3b82f6;bottom:-150px;left:20%;animation:floatOrb 20s infinite alternate ease-in-out}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(80px,50px) scale(1.15)}}.navbar{position:sticky;top:0;z-index:100;background:#090b0eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color)}.navbar-container{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--font-display);font-weight:800;font-size:1.6rem;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center}.brand-healthy{color:var(--primary-green)}.brand-wealthy{color:var(--primary-gold)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:color var(--transition-speed)}.nav-link:hover{color:var(--color-text-main)}.nav-btn{background:#ffffff0f;border:1px solid var(--border-color-hover);color:var(--color-text-main);padding:.6rem 1.2rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-speed)}.nav-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.hero{position:relative;z-index:1;padding:8rem 2rem 5rem;text-align:center}.container{max-width:1200px;margin:0 auto;width:100%}.hero-container{max-width:800px;display:flex;flex-direction:column;align-items:center}.badge{background:#ffffff0d;border:1px solid var(--border-color);padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--primary-gold);margin-bottom:2rem;animation:pulseBadge 3s infinite}@keyframes pulseBadge{0%,to{box-shadow:0 0 #f59e0b33}50%{box-shadow:0 0 12px 2px #f59e0b1a}}.hero-title{font-family:var(--font-display);font-weight:800;font-size:4rem;line-height:1.15;letter-spacing:-2px;margin-bottom:1.5rem}.gradient-text-green{background:linear-gradient(135deg,#34d399,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-gold{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--color-text-muted);font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;font-weight:300}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{padding:.85rem 2rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-decoration:none;transition:all var(--transition-speed);display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--primary-green),#059669);color:#090b0e;border:none;box-shadow:0 4px 20px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98173}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:var(--color-text-main)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-color-hover);transform:translateY(-2px)}.offerings{position:relative;z-index:1;padding:5rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-family:var(--font-display);font-weight:700;font-size:2.5rem;letter-spacing:-1px;margin-bottom:1rem}.section-subtitle{color:var(--color-text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.offerings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.card{position:relative;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--transition-speed)}.card:hover{transform:translateY(-5px);border-color:var(--border-color-hover)}.card-glow{position:absolute;top:0;left:0;right:0;height:4px;opacity:.8}.card-wardrobe .card-glow{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.card-plant .card-glow{background:linear-gradient(90deg,var(--primary-green),#34d399)}.card-slasher .card-glow{background:linear-gradient(90deg,var(--primary-gold),#fca5a5)}.card:hover.card-wardrobe{box-shadow:0 10px 30px #3b82f61a}.card:hover.card-plant{box-shadow:0 10px 30px #10b9811a}.card:hover.card-slasher{box-shadow:0 10px 30px #f59e0b1a}.card-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.card-wardrobe .card-icon{background:#3b82f61a;color:#3b82f6}.card-plant .card-icon{background:var(--primary-green-glow);color:var(--primary-green)}.card-slasher .card-icon{background:var(--primary-gold-glow);color:var(--primary-gold)}.card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-description{color:var(--color-text-muted);line-height:1.6;margin-bottom:2rem;flex-grow:1}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.05);padding:.3rem .8rem;border-radius:50px;font-size:.75rem;color:var(--color-text-muted)}.card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1.25rem}.port-info{font-size:.85rem;color:var(--color-text-darker)}.port-value{color:var(--color-text-main);font-family:monospace;font-weight:700}.card-link{color:var(--color-text-main);text-decoration:none;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:color var(--transition-speed)}.card-link i{font-size:.8rem;transition:transform var(--transition-speed)}.card-link:hover{color:var(--primary-green)}.card-link:hover i{transform:translate(2px,-2px)}.status-dashboard{position:relative;z-index:1;padding:3rem 2rem 8rem}.console-box{background:#0b0e14;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px #00000080}.console-header{background:#121720;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.console-dots{display:flex;gap:.5rem}.console-dots .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.console-dots .red{background:#ef4444}.console-dots .yellow{background:#f59e0b}.console-dots .green{background:#10b981}.console-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.5px;color:var(--color-text-muted)}.console-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--color-text-muted);padding:.4rem .8rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all var(--transition-speed)}.console-btn:hover{background:#ffffff1a;color:var(--color-text-main)}.console-body{padding:2rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5}.console-intro{margin-bottom:1.5rem}.console-prompt{color:var(--primary-green);font-weight:700}.console-comment{color:var(--color-text-darker)}.status-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.status-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md)}.status-info{display:flex;align-items:center;gap:1rem}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block;position:relative}.status-indicator:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid currentColor;opacity:0}.status-indicator.online{background:var(--primary-green);color:var(--primary-green);box-shadow:0 0 8px var(--primary-green)}.status-indicator.online:after{animation:pulseGlow 2s infinite}.status-indicator.offline{background:#ef4444;color:#ef4444;box-shadow:0 0 8px #ef4444}.status-indicator.checking{background:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 8px var(--primary-gold)}.status-indicator.checking:after{animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.6);opacity:0}}.app-name{font-weight:700;color:var(--color-text-main)}.app-port{color:var(--color-text-darker)}.app-state{font-weight:700}.status-row:has(.online) .app-state{color:var(--primary-green)}.status-row:has(.offline) .app-state{color:#ef4444}.status-row:has(.checking) .app-state{color:var(--primary-gold)}.console-log{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:1rem;color:#818cf8;white-space:pre-wrap;max-height:150px;overflow-y:auto}.console-timestamp{color:var(--color-text-darker)}.footer{margin-top:auto;border-top:1px solid var(--border-color);padding:2rem;background:var(--bg-darkest);position:relative;z-index:1}.footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--color-text-muted)}.footer-meta{display:flex;align-items:center;gap:.5rem}.dot-separator{color:var(--color-text-darker)}.card-badge{position:absolute;top:1.5rem;right:1.5rem;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.35rem .8rem;border-radius:50px}.badge-soon{background:#f59e0b1f;color:var(--primary-gold);border:1px solid rgba(245,158,11,.25)}.badge-active{background:var(--primary-green-glow);color:var(--primary-green);border:1px solid rgba(16,185,129,.25)}.port-value-dev{color:var(--primary-gold);font-weight:600}.card-link-disabled{color:var(--color-text-darker);font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:not-allowed}.status-indicator.in-development{background:var(--primary-gold);color:var(--primary-gold);box-shadow:0 0 8px var(--primary-gold)}.footer-links{display:flex;align-items:center;gap:.8rem}.footer-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color var(--transition-speed)}.footer-link:hover{color:var(--color-text-main)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-dark);border:1px solid var(--border-color-hover);border-radius:var(--radius-lg);width:90%;max-width:500px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080;transform:translateY(20px);transition:transform var(--transition-speed) ease;position:relative}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-header h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-main)}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:2rem;cursor:pointer;line-height:1;transition:color var(--transition-speed)}.modal-close:hover{color:var(--color-text-main)}.modal-body{color:var(--color-text-muted);line-height:1.6}.modal-body h4{color:var(--color-text-main);margin:1.25rem 0 .5rem;font-family:var(--font-display)}.modal-body p{margin-bottom:1rem}.contact-info-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.contact-item{display:flex;align-items:center;gap:1.25rem;background:#ffffff05;border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-md);transition:all var(--transition-speed)}.contact-item:hover{background:#ffffff0d;border-color:var(--border-color-hover);transform:translate(4px)}.contact-icon-circle{width:45px;height:45px;border-radius:50%;background:var(--primary-green-glow);color:var(--primary-green);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.contact-text{display:flex;flex-direction:column}.contact-label{font-size:.75rem;color:var(--color-text-darker);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.contact-value{color:var(--color-text-main);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color var(--transition-speed)}.contact-value:hover{color:var(--primary-green)}@media (max-width: 768px){.hero-title{font-size:2.8rem}.navbar-container{flex-direction:column;gap:1rem;padding:1rem}.nav-links{width:100%;justify-content:center;gap:1.25rem}.footer-container{flex-direction:column;text-align:center}}