@font-face{font-family:'Inter';src:url('fonts/inter/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}@font-face{font-family:'Inter';src:url('fonts/inter/Inter-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}body,.no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,button,a,select,label,pre,code{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:'Inter',sans-serif;background:#fff;color:#1c1c1c;overflow-x:hidden}.wrapper{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1024px;margin:0 auto;padding:40px 20px;flex-grow:1}.top-banner{background:#4182e4;color:#fff;text-align:center;padding:60px 20px 40px}.top-banner h1{font-size:28px;font-weight:600;margin-bottom:10px;overflow-wrap:break-word}.top-banner p{font-size:16px;margin-bottom:20px}.btn-main{display:inline-block;padding:10px 18px;background:#fff;color:#4182e4;font-size:14px;text-decoration:none;font-weight:600;border-radius:6px;transition:background .3s;max-width:100%;word-break:break-word;white-space:normal}.btn-main:hover{background:#f2f2f2}.features{display:flex;flex-wrap:wrap;gap:40px;margin-top:40px}.left,.right{flex:1 1 45%;display:flex;flex-direction:column}.left h2,.right h3{font-size:20px;font-weight:600;margin-bottom:16px;line-height:1.4}.left p,.right p{font-size:15px;color:#444;line-height:1.6;margin-bottom:24px}.feature-image{width:100%;height:auto;max-width:100%;border:1px solid #ddd;border-radius:6px;margin-bottom:20px}footer{background:#2b2b40;color:#ccc;text-align:center;padding:16px 10px;font-size:12px;margin-top:auto;display:flex;justify-content:center;align-items:center}footer p{margin:0;white-space:nowrap}footer a{color:#bbb;text-decoration:underline}@media(max-width:768px){body,html{font-size:14px}.container{padding:20px 15px}.top-banner{padding:20px 12px 16px}.top-banner h1{font-size:21px;margin-bottom:8px}.top-banner p{font-size:15px;margin-bottom:24px}.btn-main{font-size:13px;padding:7px 14px;margin-bottom:10px}.features{flex-direction:column;gap:20px;margin-top:20px}.left,.right{flex:1 1 100%}.right{display:grid;grid-template-areas:'title' 'text' 'img'}.right h3{grid-area:title;font-size:15px;margin-bottom:8px}.right p{grid-area:text;font-size:13px;margin-bottom:16px;line-height:1.5}.right img{grid-area:img;margin-bottom:16px}.left h2{font-size:15px;margin-bottom:10px}.left p{font-size:13px;margin-bottom:16px;line-height:1.5}.feature-image{margin-bottom:16px}footer{font-size:10px;padding:10px 8px}footer p{white-space:normal;text-align:center}}.image-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);justify-content:center;align-items:center}.image-modal img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.6)}.image-modal.active{display:flex}@media(min-width:1025px){.features{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.left h2,.right h3{font-size:24px;line-height:1.4;margin-bottom:20px}.left p,.right p{font-size:17px;line-height:1.7}.feature-image{border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in}.feature-image:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(0,0,0,.15)}.btn-main{font-size:16px;padding:12px 20px;margin-top:15px;transition:background .2s ease,transform .1s ease}.btn-main:hover{background:#e6e6e6}.btn-main:active{transform:scale(.97);background:#dcdcdc}.top-banner h1{font-size:32px}.top-banner p{font-size:18px}}