:root{--primary-color: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--secondary-color: #10b981;--accent-color: #06b6d4;--background: #ffffff;--surface: #f8fafc;--surface-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--default-font-size: 5.5vw}*{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0fdfa);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;font-size:16px}@media (orientation: landscape){body{padding-top:120px}}@media (orientation: landscape){body.scrolled{padding-top:80px}}.main{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.card{background:var(--surface-elevated);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;margin-right:.5rem}.badge.success{background:var(--secondary-color)}.badge.info{background:var(--accent-color)}html{scroll-behavior:smooth}