@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@500;700;800&display=swap');:root{--navy:#10213a;--blue:#2359e8;--cyan:#42d8d1;--muted:#65738a;--line:#e3eaf5;--pale:#f3f7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px 'DM Sans',sans-serif;color:var(--navy);line-height:1.6}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;border-bottom:1px solid var(--line)}header nav{display:flex;gap:26px;font-size:14px;font-weight:700}.logo{font:800 20px Manrope}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:85px 8vw;background:radial-gradient(ellipse at 90% 10%,#ddf8f6,transparent 35%),linear-gradient(120deg,#f8faff,#fff)}small{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{font:800 clamp(42px,5vw,65px)/1.08 Manrope;letter-spacing:-2px;margin:18px 0}.hero p{color:var(--muted);font-size:18px;max-width:550px}.btn{display:inline-block;border:0;border-radius:10px;padding:14px 20px;background:var(--blue);color:white;font-weight:700;cursor:pointer}.btn.light{background:white;color:var(--navy);border:1px solid var(--line)}.art{min-height:340px;border-radius:28px;background:linear-gradient(145deg,#10213a,#2359e8);display:grid;place-items:center;padding:35px;position:relative;overflow:hidden}.art:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:var(--cyan);right:-50px;top:-100px}.glass{z-index:1;max-width:330px;background:#ffffffed;border-radius:20px;padding:30px;box-shadow:0 20px 50px #07162c40}.glass h2{font:800 28px/1.2 Manrope}.glass p{font-size:14px}.stats{display:flex;justify-content:space-around;padding:28px 6vw;gap:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.stats b,.cards article>b{color:var(--blue);font-size:22px;margin-right:10px}.section{padding:85px 8vw;text-align:center}.section h2,.about h2,.contact h2{font:800 clamp(30px,4vw,43px)/1.15 Manrope;letter-spacing:-1px;margin:12px 0}.muted,.about p,.contact p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;text-align:left}.cards article{border:1px solid var(--line);padding:28px;border-radius:18px}.cards h3{font:700 20px Manrope}.cards p{font-size:14px;color:var(--muted);min-height:55px}.cards a{font-size:13px;color:var(--blue);font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:75px 8vw;background:var(--pale)}.aboutart{min-height:320px;border-radius:25px;background:linear-gradient(135deg,#c5f5f0,#dce7ff);display:grid;place-items:center}.aboutart span{background:var(--navy);color:white;padding:55px 30px;border-radius:20px;font-weight:800;letter-spacing:3px;transform:rotate(-5deg)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:85px 8vw}.contact form,.login form,.settings{padding:28px;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 45px #142b4b0b}label{display:block;font-size:12px;font-weight:700;margin-bottom:15px}input,textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #dce4ef;border-radius:9px;font:14px 'DM Sans',sans-serif}form .btn{width:100%}footer{background:var(--navy);color:white;border:0;font-size:12px}footer span,footer a{color:#b4c0d1}.wa{position:fixed;right:20px;bottom:20px;padding:12px 17px;border-radius:30px;background:#1ca75c;color:white;font-weight:700;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;background:var(--pale);padding:20px}.login form{background:white;width:min(100%,420px)}.login h1,.admin h1{font:800 32px Manrope}.admin{background:#f6f8fc;min-height:100vh}.admin header{background:white}.admin main{max-width:1100px;margin:40px auto;padding:0 20px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;background:white}.settings label:nth-child(5){grid-column:1/-1}.success{color:#146a38;background:#e7f9ee;padding:10px;border-radius:8px}.tablewrap{overflow:auto;background:white;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f1f5fb}@media(max-width:760px){header{padding:18px 22px;flex-wrap:wrap}header nav{gap:14px}.hero,.about,.contact{grid-template-columns:1fr;padding:55px 24px;gap:30px}.hero h1{letter-spacing:-1px}.art{min-height:280px}.stats{flex-wrap:wrap;justify-content:flex-start;padding:22px}.section{padding:60px 24px}.cards{grid-template-columns:1fr}.cards p{min-height:0}.settings{grid-template-columns:1fr}.settings label:nth-child(5){grid-column:auto}footer{gap:10px;flex-wrap:wrap}}