:root{--primary-color:#000;--secondary-color:#666;--accent-color:#ff6b6b;--background-color:#fff;--text-color:#333;--border-color:#e5e5e5;--hover-color:#f8f8f8;--transition:all .3s ease;--shadow:0 2px 10px rgba(0,0,0,.1);--shadow-hover:0 4px 20px rgba(0,0,0,.15)}*{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;margin:0;padding:0}a{color:#667eea;text-decoration:none}a:hover{color:#5a6fd8}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}img{height:auto;max-width:100%;vertical-align:middle}ol,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}p{margin:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.clearfix:after{clear:both;content:"";display:table}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{flex:1}.col,.col-2{padding:0 15px}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-3,.col-4{padding:0 15px}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-6{flex:0 0 50%;max-width:50%;padding:0 15px}.col-12{flex:0 0 100%;max-width:100%;padding:0 15px}@media(min-width:768px){.col-md-2{flex:0 0 16.666667%;max-width:16.666667%;padding:0 15px}.col-md-3{flex:0 0 25%;max-width:25%;padding:0 15px}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0 15px}.col-md-6{flex:0 0 50%;max-width:50%;padding:0 15px}.col-md-12{flex:0 0 100%;max-width:100%;padding:0 15px}}@media(max-width:767px){.col-2,.col-3,.col-4,.col-6{flex:0 0 50%;max-width:50%}}@media(max-width:576px){.col-2,.col-3,.col-4,.col-6{flex:0 0 100%;max-width:100%}}.animate-scale{transition:transform .3s ease}.animate-scale:hover{transform:scale(1.05)}@media(max-width:1200px){.container-1170{max-width:960px}}@media(max-width:992px){.container-1170{max-width:720px}}@media(max-width:768px){.container-1170{max-width:540px}}@media(max-width:576px){.container-1170{max-width:100%}}#app{min-height:100vh}