*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#171717;background:#fafafa}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:#111;color:#fff}header a{color:#fff;text-decoration:none;margin-left:18px}.brand{font-size:22px;font-weight:800;letter-spacing:2px}main{max-width:1180px;margin:auto;padding:28px 20px;min-height:75vh}.hero{text-align:center;padding:45px 10px}.hero h1{font-size:42px;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}.card{background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:14px}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.card a{text-decoration:none;color:inherit}.price{font-size:20px;font-weight:700}button,.button{border:0;border-radius:8px;background:#111;color:#fff;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-block}.small{padding:7px 10px}.product{display:grid;grid-template-columns:1fr 1fr;gap:40px}.product img{width:100%;border-radius:14px}.cartrow{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ddd}.form{max-width:650px;display:grid;gap:14px}.form label{display:grid;gap:6px;font-weight:600}.form input,.form textarea,.form select,select{padding:11px;border:1px solid #ccc;border-radius:7px;font:inherit}.form textarea{min-height:90px}.error{padding:12px;background:#ffe3e3;border-radius:8px;margin:10px 0}.success{text-align:center;padding:60px 10px}.table{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #ddd;vertical-align:top}.adminbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.adminbar h1{margin-right:auto}footer{text-align:center;padding:25px;background:#111;color:#fff}@media(max-width:700px){.product{grid-template-columns:1fr}.hero h1{font-size:32px}}
.brand-logo{display:flex;align-items:center;gap:10px}.brand-logo img{width:54px;height:54px;object-fit:cover;border-radius:50%;background:#fff}.brand-logo span{white-space:nowrap}@media(max-width:600px){.brand-logo span{display:none}header{gap:10px;align-items:flex-start}nav{display:flex;flex-wrap:wrap;gap:8px}header a{margin-left:0}}

body{background:var(--page-bg,#F7FFF1)}
header,footer{background:var(--primary,#8BC34A)!important}
header{border-bottom:5px solid var(--accent,#D32F2F)}
button,.button{background:var(--accent,#D32F2F)!important}
.card{border-top:4px solid var(--primary,#8BC34A)}
.card:hover{box-shadow:0 8px 22px rgba(0,0,0,.12)}
.price{color:var(--accent,#D32F2F)}
.profile-photo{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid var(--primary,#8BC34A)}
.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0}
.dash-card{background:#fff;border-left:6px solid var(--accent,#D32F2F);padding:18px;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.08)}

.footer-wrap{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 20px}
.useful-links{display:flex;flex-direction:column;gap:9px}
.useful-links a{color:inherit;text-decoration:none}
.useful-links a:hover{text-decoration:underline}
.copyright{text-align:center;margin:0;padding:12px 20px;border-top:1px solid rgba(0,0,0,.15)}
.policy-page{max-width:900px;margin:30px auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 3px 14px rgba(0,0,0,.08)}
.policy-page h1{color:var(--accent,#D32F2F)}
.policy-page h2{margin-top:22px}
.policy-page p{line-height:1.7}
@media(max-width:600px){.footer-wrap{grid-template-columns:1fr}.policy-page{margin:15px;padding:20px}}

:root{--primary:#087cf0!important;--accent:#087cf0!important;--page-bg:#fff!important;--navy:#062b4c;--light:#eef7ff}
*{box-sizing:border-box}body{background:#fff!important;color:#09233e;font-family:Arial,Helvetica,sans-serif}
header{position:sticky;top:0;z-index:50;background:#fff!important;border-bottom:1px solid #dce9f5!important;box-shadow:0 2px 12px rgba(4,45,79,.07);padding:12px 5%!important;align-items:center!important}
.brand-logo img{width:64px!important;height:64px!important;object-fit:contain!important}.brand-logo span{font-size:27px;font-weight:900;color:var(--navy)}
header nav{display:flex;align-items:center;gap:18px}header nav a{color:#09233e!important;font-weight:700;text-decoration:none;margin:0!important}header nav a:hover{color:#087cf0!important}
main{max-width:1380px;margin:auto;padding:25px 5%}h1,h2,h3{color:var(--navy)}
button,.button{background:#087cf0!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:11px 18px!important;font-weight:700}
.card{background:#fff!important;border:1px solid #dce9f5!important;border-top:1px solid #dce9f5!important;border-radius:10px!important;box-shadow:0 3px 14px rgba(6,43,76,.07);overflow:hidden}.card:hover{box-shadow:0 8px 24px rgba(6,43,76,.13)}.price{color:var(--navy)!important;font-weight:900}
input,select,textarea{border:1px solid #cbdbea!important;border-radius:8px!important;padding:11px!important}
.table th{background:var(--navy);color:#fff}.dash-card{border-left:5px solid #087cf0!important}.profile-photo{border-color:#087cf0!important}
footer{background:var(--navy)!important;color:#fff!important;border:0!important;margin-top:35px}footer a{color:#e8f4ff!important}.policy-page h1{color:var(--navy)!important}
.sky-hero{background:linear-gradient(115deg,#edf8ff,#cfeaff);min-height:330px;border-radius:0 0 18px 18px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:42px 5%;margin:-25px -5.5% 30px;overflow:hidden}.sky-welcome{letter-spacing:5px;font-size:12px;font-weight:800;color:#087cf0}.sky-hero h1{font-size:64px;line-height:.95;margin:12px 0;font-weight:900}.sky-hero h1 span{color:#087cf0}.sky-hero p{font-size:20px}.sky-benefits{display:flex;gap:25px;flex-wrap:wrap;margin:22px 0 28px}.hero-circle{margin:auto;width:250px;height:250px;border-radius:50%;background:#fff;border:18px solid rgba(8,124,240,.13);box-shadow:0 15px 40px rgba(6,43,76,.15);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:32px;font-weight:900;text-align:center}.hero-circle strong{color:#087cf0}.hero-circle small{font-size:10px;letter-spacing:2px;margin-top:10px}
@media(max-width:700px){header{padding:10px 14px!important}.brand-logo img{width:52px!important;height:52px!important}.brand-logo span{font-size:19px!important}.sky-hero{grid-template-columns:1fr;margin:-18px -15px 25px;padding:30px 20px}.sky-hero h1{font-size:43px}.sky-hero-art{display:none}.sky-benefits{gap:10px;flex-direction:column}main{padding:18px 15px}}