@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#19192399;--bg-card-hover:#232332cc;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6e6e80;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-glow:#6366f180;--border-color:#ffffff1a;--border-color-hover:#fff3;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s ease;--glass-shadow:0 8px 32px 0 #0000005e;--glass-backdrop:blur(12px);--glass-border:1px solid #ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.5rem}p{color:var(--text-secondary);margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.btn{border-radius:var(--radius-full);transition:var(--transition-normal);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.bg-glow{background:radial-gradient(circle, var(--accent-glow) 0%, #0a0a0f00 70%);z-index:-1;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;left:-200px}.bg-glow-right{background:radial-gradient(circle,#8b5cf626 0%,#0a0a0f00 70%);inset:auto -200px 10% auto}.header{z-index:100;border-top:none;border-left:none;border-right:none;border-radius:0;padding:1rem 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.font-bold{font-weight:700}.text-xl{font-size:1.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.hero-section{padding:8rem 0 6rem;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-badge{border:1px solid var(--accent-glow);border-radius:var(--radius-full);color:var(--accent-primary);background:#6366f11a;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:1.5rem}.hero-description{max-width:90%;margin-bottom:2.5rem;font-size:1.125rem}.hero-actions{gap:1rem;display:flex}.hero-visual{text-align:center;flex-direction:column;align-items:center;padding:3rem;transition:transform .5s;display:flex;position:relative;transform:perspective(1000px)rotateY(-10deg)}.hero-visual:hover{transform:perspective(1000px)rotateY(0)}.hero-app-icon{border-radius:var(--radius-lg);width:120px;height:120px;margin-bottom:2rem;box-shadow:0 10px 30px #00000080}.status-indicator{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:1rem;font-weight:500;display:inline-flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.app-grid-section{padding:4rem 2rem}.section-header{text-align:center;margin-bottom:4rem;max-width:600px;margin-inline:auto}.app-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.app-card{flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex}.app-card:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);transform:translateY(-5px)}.app-card-header{gap:1rem;margin-bottom:1.5rem;display:flex}.app-icon{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px}.app-meta{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.app-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-testing{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf64d}.badge-review{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b4d}.badge-live{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.app-card-content{flex-grow:1}.app-card-content h3{margin-bottom:.75rem;font-size:1.25rem}.app-card-content p{font-size:.95rem}.app-card-footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.app-card-footer .btn{width:100%}.footer{border-top:1px solid var(--border-color);margin-top:4rem;padding:4rem 0 2rem}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:3rem;display:flex}.footer-brand{max-width:300px}.footer-brand p{margin-top:1rem}.footer-links{gap:4rem;display:flex}.link-group{flex-direction:column;gap:1rem;display:flex}.link-group h4{color:var(--text-primary);margin-bottom:.5rem}.link-group a{color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.link-group a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;color:var(--text-muted);font-size:.875rem}@media (width<=768px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-actions{flex-direction:column;justify-content:center}.hero-visual{transform:none}.hero-visual:hover{transform:translateY(-10px)}.nav-links{display:none}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:500px;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards modalPop;position:relative;box-shadow:0 20px 40px #00000080}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.social-icon:hover{transform:translateY(-2px);color:var(--text-primary)!important}@keyframes float-smooth{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(2deg)}66%{transform:translateY(10px)rotate(-1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #a855f799,inset 0 0 20px #6366f133}to{box-shadow:0 0 20px #6366f133}}@keyframes text-shine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-visual{transition:all .3s;animation:8s ease-in-out infinite float-smooth,4s ease-in-out infinite pulse-glow!important}.text-gradient{background-size:200%;animation:4s linear infinite text-shine}.hero-app-icon{animation:6s ease-in-out infinite reverse float-smooth}a,.nav-link,button,.btn{transition:all .3s cubic-bezier(.25,1,.5,1)}a:not(.btn):not(.nav-link):not(.social-icon):not(.logo):hover{display:inline-block;transform:translate(4px);color:var(--accent-primary)!important}.nav-link:hover{text-shadow:0 0 10px #ffffff4d;transform:translateY(-2px);color:#fff!important}.btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 20px -10px #6366f180}