.glass-landing{min-height:100vh;padding:2rem 1rem;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,197,253,.08) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(30,58,138,.05) 0,transparent 50%)}.hero-glass{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;max-width:1200px;margin:0 auto 4rem;align-items:center;min-height:80vh}@media (min-width:768px){.hero-glass{grid-template-columns:1fr 1fr;gap:4rem}}.hero-content{text-align:center}@media (min-width:768px){.hero-content{text-align:left}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--glass-surface-light);border:1px solid var(--glass-border);border-radius:2rem;font-size:.875rem;color:var(--glass-text-accent);margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:0 0 1.5rem;color:var(--glass-text-primary)}.brand-gradient{background:linear-gradient(135deg,var(--glass-text-accent) 0,rgba(147,197,253,.8) 50%,var(--glass-text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--glass-text-secondary);margin:0 0 2rem;max-width:500px}@media (min-width:768px){.hero-description{max-width:none}}.hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width:768px){.hero-actions{flex-direction:row;align-items:flex-start}}.glass-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--glass-surface-light);border:1px solid var(--glass-border-light);border-radius:1rem;color:var(--glass-text-primary);text-decoration:none;font-weight:600;font-size:1rem;transition:var(--glass-transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.glass-button:hover:before{left:100%}.glass-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4);border-color:var(--glass-text-accent)}.glass-button.primary{background:linear-gradient(135deg,var(--glass-accent) 0,var(--glass-surface-light) 100%);border-color:var(--glass-text-accent);color:var(--glass-text-primary)}.glass-button.secondary{background:var(--glass-surface);border-color:var(--glass-border)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.floating-card{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:1.5rem;padding:1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow-lg);animation:float 6s ease-in-out infinite;max-width:320px;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--glass-text-secondary)}.status-dot{width:8px;height:8px;background:var(--glass-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glass-success)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.card-content p{color:var(--glass-text-primary);font-style:italic;margin:0 0 1rem;line-height:1.5}.typing-indicator{display:flex;gap:.25rem}.typing-indicator span{width:6px;height:6px;background:var(--glass-text-accent);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.features-glass{max-width:1200px;margin:0 auto 4rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--glass-text-primary)}.section-header p{font-size:1.125rem;color:var(--glass-text-secondary);margin:0}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);transition:var(--glass-transition);text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--glass-shadow-lg);border-color:var(--glass-border-light)}.feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--glass-accent) 0,var(--glass-text-accent) 100%);border-radius:1rem;margin:0 auto 1rem}.feature-card h3,.feature-icon{color:var(--glass-text-primary)}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.feature-card p{color:var(--glass-text-secondary);line-height:1.6;margin:0 0 1.5rem}.feature-link{color:var(--glass-text-accent);text-decoration:none;font-weight:500;font-size:.875rem;transition:var(--glass-transition-fast)}.feature-link:hover{color:var(--glass-text-primary)}.api-status-glass{max-width:800px;margin:0 auto;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.status-header h3{font-size:1.5rem;font-weight:600;margin:0;color:var(--glass-text-primary)}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--glass-text-secondary)}.status-dot.online{background:var(--glass-success)}.api-grid{display:grid;grid-gap:1rem;gap:1rem}.api-card{justify-content:space-between;padding:1rem 1.5rem;background:var(--glass-surface-light);border:1px solid var(--glass-border);border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.api-card,.api-info{display:flex;align-items:center}.api-info{gap:.75rem}.api-method{background:var(--glass-accent);padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.api-method,.api-path{color:var(--glass-text-primary);font-family:monospace}.api-path{font-weight:500}.api-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--glass-text-secondary)}@media (max-width:767px){.glass-landing{padding:1rem .5rem}.hero-glass{margin-bottom:2rem;min-height:auto}.status-header{text-align:center;flex-direction:column}}.api-link{background:var(--background);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;text-decoration:none;color:var(--primary);font-size:.875rem;text-align:center;transition:all .15s ease}.api-link:hover{background:var(--primary);color:var(--background)}@media (max-width:640px){.quick-actions{grid-template-columns:1fr}.brand-title{font-size:2rem}.landing{padding:1rem}}