:root{--primary-color:#4361ee;--primary-hover:#3a56d4;--secondary-color:#3f37c9;--accent-color:#4cc9f0;--danger-color:#f72585;--success-color:#4ade80;--warning-color:#fb8500;--text-primary:#2b2d42;--text-secondary:#8d99ae;--bg-primary:#fff;--bg-secondary:#f8f9fa;--border-color:#e9ecef;--shadow-color:rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6}#app{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4efe9)}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;text-align:center;outline:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 10px var(--shadow-color);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-success{background-color:var(--success-color);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}input,select,textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;width:100%;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(67,97,238,.2);outline:none}label{display:block;margin-bottom:8px;font-weight:500}h1,h2,h3,h4,h5,h6,label{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:700;line-height:1.3}a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-hover)}.card{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.05);padding:32px;transition:all .3s ease}.card:hover{box-shadow:0 15px 35px rgba(0,0,0,.1);transform:translateY(-5px)}@media (max-width:768px){.card{padding:24px}.btn{padding:10px 18px;font-size:14px}}