:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #2196F3;--primary-light: #E3F2FD;--primary-dark: #1976D2;--secondary-color: #4FC3F7;--secondary-light: #B3E5FC;--accent-color: #03A9F4;--text-primary: #212121;--text-secondary: #757575;--text-light: #FFFFFF;--background-color: #FAFAFA;--surface-color: #FFFFFF;--border-color: #E0E0E0;--shadow-light: 0 2px 4px rgba(33, 150, 243, .1);--shadow-medium: 0 4px 8px rgba(33, 150, 243, .15);--shadow-heavy: 0 8px 16px rgba(33, 150, 243, .2);--border-radius: 8px;--border-radius-large: 12px;--transition: all .3s ease}*{box-sizing:border-box}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary);background-color:var(--background-color);min-height:100vh;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-secondary{background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-light)}.card{background-color:var(--surface-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container-fluid{width:100%;padding:0 20px}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{flex:1;padding:0 12px}.col-1{flex:0 0 8.333333%}.col-2{flex:0 0 16.666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333333%}.col-6{flex:0 0 50%}.col-8{flex:0 0 66.666667%}.col-12{flex:0 0 100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.pt-1{padding-top:8px}.pt-2{padding-top:16px}.pt-3{padding-top:24px}.pt-4{padding-top:32px}.pt-5{padding-top:48px}.pb-1{padding-bottom:8px}.pb-2{padding-bottom:16px}.pb-3{padding-bottom:24px}.pb-4{padding-bottom:32px}.pb-5{padding-bottom:48px}@media (max-width: 768px){.container{padding:0 16px}.col-sm-12{flex:0 0 100%}.col-sm-6{flex:0 0 50%}.col-sm-4{flex:0 0 33.333333%}.col-sm-3{flex:0 0 25%}}@media (max-width: 480px){.btn{padding:10px 20px;font-size:13px}.card{padding:16px}}#app{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}