:root{--os-bg:var(--mn-bg-deep);--os-surface:var(--mn-bg-surface);--os-border:var(--mn-border);--os-text:var(--mn-text-primary);--os-text-muted:var(--mn-text-secondary);--os-accent:var(--mn-os-accent);--os-accent-soft:var(--mn-os-accent-soft);--os-success:#10b981;--os-font-mono:var(--mn-font-mono);--os-font-sans:var(--mn-font-sans)}.os-root{background-color:var(--os-bg);color:var(--os-text);font-family:var(--os-font-sans);letter-spacing:-.01em;min-height:100vh;position:relative;overflow-x:hidden}.os-root:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 2px 2px,#ffffff08 1px,#0000 0);background-size:32px 32px;width:100%;height:100%;position:fixed;top:0;left:0}.os-root:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f60d 0%,#0000 70%);width:50%;height:50%;position:fixed;top:-10%;right:-10%}.os-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.os-card{background:var(--os-surface);border:1px solid var(--os-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:1.5rem;transition:all .3s}.os-card:hover{border-color:#ffffff26;box-shadow:0 10px 30px -10px #00000080}.os-btn-primary{background:var(--os-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.os-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.os-badge{font-family:var(--os-font-mono);background:var(--os-accent-soft);color:var(--os-accent);text-transform:uppercase;letter-spacing:.05em;border:1px solid #3b82f633;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}