.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4) 0;max-width:1400px;margin:0 auto}.app-header{text-align:center;margin-bottom:var(--space-10);padding-top:var(--space-6);max-width:900px}.app-logo{width:56px;height:56px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#9c27b0,#7b1fa2);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:#fff;font-weight:600;font-size:1.25rem;letter-spacing:.02em;box-shadow:var(--shadow-sm)}.app-title{font-size:2.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-3);line-height:1.2;display:flex;flex-direction:column;gap:.25rem}.app-title-prefix{color:var(--text-primary);font-size:.9em;font-weight:500}.app-title-gradient{background:linear-gradient(135deg,#2196f3,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-description{font-size:1rem;color:var(--text-secondary);font-weight:400;line-height:1.6;max-width:700px;margin:0 auto}.app-main{width:100%;flex:1;margin-bottom:var(--space-8)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);width:100%;max-width:1200px;margin:0 auto}.app-footer{width:100vw;position:relative;text-align:center;padding:var(--space-5) var(--space-4);margin-top:auto;margin-bottom:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.app-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-5);transition:var(--transition-base);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-4);position:relative;box-shadow:var(--shadow-sm)}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.app-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.app-card-icon{width:56px;height:56px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-card-icon svg{width:28px;height:28px;stroke-width:2}.app-card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);line-height:1.4;margin:0}.app-card-button{width:100%;padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;cursor:pointer;transition:var(--transition-base);font-family:inherit;box-shadow:0 2px 8px #2196f333}.app-card-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.app-card-button:active{transform:translateY(0);box-shadow:0 2px 8px #2196f333}@media (max-width: 768px){.app{padding:var(--space-6) var(--space-3) 0}.app-footer{padding:var(--space-4) var(--space-3)}.app-header{margin-bottom:var(--space-8);padding-top:var(--space-4)}.app-title{font-size:2.25rem}.app-description{font-size:.9375rem}.apps-grid{grid-template-columns:1fr;gap:var(--space-3)}.app-card{padding:var(--space-4)}}@media (max-width: 480px){.app-title{font-size:1.875rem}.app-logo{width:48px;height:48px;font-size:1.125rem}.app-card{padding:var(--space-3)}.app-card-icon{width:48px;height:48px}.app-card-icon svg{width:24px;height:24px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #F5F5F5;--bg-secondary: #FFFFFF;--bg-tertiary: #FAFAFA;--bg-quaternary: #F2F2F2;--text-primary: #1D1D1F;--text-secondary: #86868B;--text-tertiary: #6E6E73;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--gradient-purple: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);--gradient-blue: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%);--gradient-pink: linear-gradient(135deg, #F093FB 0%, #F5576C 100%);--gradient-green: linear-gradient(135deg, #4ECDC4 0%, #44A08D 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-size:16px}#root{min-height:100vh}