@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}.header{gap:40px;padding:20px 60px;background:#fff;height:90px}.header,.logo-block{display:flex;align-items:center}.logo-block{gap:16px;background:#dbeafe;padding:10px 16px;border-radius:12px}.logo-image{width:50px;height:50px;border-radius:12px;background:url(/images/logo.png) 50%/cover;background-color:#10b981}.logo-info{display:flex;flex-direction:column;gap:2px}.logo-title{font-size:18px;font-weight:700;color:#0f172a}.logo-desc{font-size:12px;color:#64748b}.spacer{flex:1 1}.navigation{display:flex;gap:8px}.nav-btn{width:110px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.nav-btn.active{background:#2563eb;color:#fff;font-weight:600}.nav-btn:not(.active){background:#f1f5f9;color:#475569}.nav-btn:hover:not(.active){background:#e2e8f0}.auth-buttons{display:flex;gap:12px}.btn-login{padding:10px 24px;border-radius:999px;background:#f1f5f9;color:#1e293b;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-login:hover{background:#e2e8f0}.btn-register{padding:10px 24px;border-radius:999px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-register:hover{background:#1d4ed8}.hero{flex:1 1;background:linear-gradient(180deg,#f8fafc,#eff6ff);padding:60px 80px;display:flex;flex-direction:column;align-items:center;gap:50px}.hero-content{text-align:center;max-width:700px}.hero-title{font-size:42px;font-weight:700;color:#0f172a;margin-bottom:16px}.hero-desc{font-size:18px;color:#64748b;line-height:1.6}.product-cards{display:flex;gap:32px;width:100%;max-width:1200px}.product-card{flex:1 1;background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;gap:16px}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.card-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.card-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-title{font-size:22px;font-weight:700;color:#0f172a}.card-desc{font-size:15px;color:#64748b;line-height:1.6;flex:1 1}.card-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:6px 12px;background:#f1f5f9;border-radius:999px;font-size:12px;font-weight:500;color:#475569}.footer{background:#fff;padding:40px 60px;display:flex;flex-direction:column;gap:32px}.footer-main{display:flex;gap:48px}.footer-logo-col{display:flex;flex-direction:column;gap:16px;width:280px}.footer-logo-row{display:flex;align-items:center;gap:12px}.footer-logo{width:40px;height:40px;border-radius:10px;background:url(/images/logo.png) 50%/cover;background-color:#10b981}.footer-logo-text{font-size:18px;font-weight:700;color:#0f172a}.footer-logo-desc{font-size:14px;color:#64748b;line-height:1.5}.footer-spacer{flex:1 1}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col-title{font-size:14px;font-weight:600;color:#0f172a}.footer-link{font-size:14px;color:#64748b;text-decoration:none;transition:color .2s}.footer-link:hover{color:#2563eb}.footer-divider{height:1px;background:#e2e8f0}.footer-copyright{display:flex;justify-content:space-between;align-items:center}.copyright-text{font-size:13px;color:#64748b}