@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#172033;background:#f7f8fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(145deg,#f8f9fd,#eef2ff)}
.background-orb{position:fixed;z-index:-1;border-radius:50%;opacity:.7}.orb-one{width:420px;height:420px;top:-210px;right:-120px;background:#dbeafe}.orb-two{width:320px;height:320px;bottom:-170px;left:-130px;background:#ede9fe}.page-shell{width:min(100% - 32px,1040px);margin:32px auto}
.hero{position:relative;min-height:440px;overflow:hidden;padding:52px 56px;border-radius:28px;color:#fff;background:linear-gradient(125deg,#172554,#312e81 58%,#4f46e5);box-shadow:0 24px 70px rgba(30,41,99,.2)}.hero:after{content:'';position:absolute;width:410px;height:410px;right:-140px;top:-180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.025)}
.brand-row{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand-mark{display:flex;align-items:end;gap:3px;width:34px;height:34px;padding:8px;border-radius:10px;background:rgba(255,255,255,.13)}.brand-mark span{width:4px;border-radius:3px;background:#c7d2fe}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}.eyebrow{color:#c7d2fe;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero-copy{position:relative;z-index:1;max-width:720px;margin-top:32px}h1{margin:0 0 22px;font-family:'Manrope',sans-serif;font-size:clamp(25px,5vw,54px);font-weight:800;letter-spacing:-.045em;line-height:1;white-space:nowrap}h1 em{color:#a5b4fc;font-style:normal}.description{max-width:620px;color:#e0e7ff}.description p{margin:0 0 10px;font-size:14px;line-height:1.52}.description p:first-child{color:#fff;font-size:16px;font-weight:600}.description p:last-child{margin:0;color:#fff;font-weight:600}.description strong{color:#fff}.description .important-note{display:inline-block;margin:5px 0 12px;padding:9px 12px;border:1px solid rgba(253,224,71,.45);border-radius:9px;color:#fef08a;background:rgba(161,98,7,.22);font-size:12px;font-weight:800;letter-spacing:.035em;line-height:1.4}
.deadline-card{position:absolute;z-index:2;right:38px;bottom:38px;display:flex;flex-direction:column;width:230px;padding:19px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.11);backdrop-filter:blur(14px)}.deadline-label{margin-bottom:7px;color:#c7d2fe;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.deadline-card>strong{font-family:'Manrope';font-size:17px}.countdown{display:flex;align-items:flex-start;gap:8px;margin-top:14px}.countdown span{display:flex;flex:1;flex-direction:column;align-items:center}.countdown b{font-family:'Manrope';font-size:24px;line-height:1}.countdown small{margin-top:5px;color:#c7d2fe;font-size:9px;text-transform:uppercase}.countdown i{color:#a5b4fc;font-size:20px;font-style:normal;line-height:1}.countdown.expired:after{content:'Afati ka përfunduar';position:absolute;right:19px;bottom:19px;left:19px;padding:10px;border-radius:10px;background:#312e81;color:#fff;text-align:center;font-size:12px;font-weight:700}
.form-panel{position:relative;z-index:3;width:calc(100% - 80px);margin:-4px auto 0;padding:40px 48px 34px;border:1px solid rgba(216,222,239,.85);border-top:0;border-radius:0 0 28px 28px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(30,41,99,.08)}.form-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.form-heading>div{display:flex;align-items:center;gap:14px}.step{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#4338ca;background:#eef2ff;font-size:12px;font-weight:800}h2{margin:0;font-family:'Manrope';font-size:25px;letter-spacing:-.025em}.form-heading p{margin:0;color:#7a8499;font-size:12px}
.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-card{display:block}.field-wide{grid-column:1/-1}.question{display:block;margin-bottom:8px;color:#344054;font-size:13px;font-weight:700}.question b{color:#6366f1}input,select{width:100%;min-height:52px;border:1px solid #d8deeb;border-radius:12px;outline:0;background:#fbfcff;color:#172033;font:inherit;font-size:14px;padding:0 16px;transition:.2s}input::placeholder{color:#9aa3b5}input:hover,select:hover{border-color:#aeb8cc;background:#fff}input:focus,select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.11)}.field-card.invalid input,.field-card.invalid select{border-color:#e5484d;box-shadow:0 0 0 3px rgba(229,72,77,.08)}.error{display:block;min-height:17px;padding:4px 3px 0;color:#c52b31;font-size:11px}
.actions{display:flex;align-items:center;gap:12px;margin-top:15px}button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;border:0;border-radius:12px;padding:0 20px;color:#fff;background:#4338ca;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(67,56,202,.2);transition:.18s}button:hover{transform:translateY(-1px);background:#3730a3}button:disabled{opacity:.65;cursor:wait;transform:none}button i{font-size:20px;font-style:normal}button.clear{color:#667085;background:transparent;box-shadow:none}button.clear:hover{color:#344054;background:#f4f6fa}.status{display:none;min-height:46px;margin-top:16px;padding:13px 16px;border-radius:11px;font-size:13px}.status.success{display:block;color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.status.failure{display:block;color:#991b1b;background:#fff1f2;border:1px solid #fecdd3}footer{padding:22px 16px 0;color:#8a94a7;text-align:center;font-size:11px}footer span{color:#566077;font-weight:700}
.modal[hidden]{display:none}.modal{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.78);backdrop-filter:blur(9px);animation:fade-in .2s ease-out}.modal-card{position:relative;width:min(100%,390px);padding:38px 34px 30px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fff;text-align:center;box-shadow:0 28px 80px rgba(15,23,42,.4);animation:modal-in .25s ease-out}.success-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 20px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);font-size:30px;font-weight:800;box-shadow:0 10px 25px rgba(34,197,94,.25)}.modal-eyebrow{color:#16a34a;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.modal-card h2{margin:9px 0 8px;font-size:29px}.modal-card p{margin:0 0 24px;color:#667085;font-size:14px}.modal-card button{width:100%}.modal-open{overflow:hidden}.submitted{pointer-events:none;opacity:.45}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:780px){.page-shell{width:min(100% - 24px,660px);margin:12px auto 26px}.hero{min-height:auto;padding:34px 26px 32px;border-radius:22px}.hero-copy{margin-top:28px}.deadline-card{position:relative;right:auto;bottom:auto;left:auto;width:100%;margin-top:24px;padding:15px 18px}.form-panel{width:calc(100% - 12px);padding:30px 22px 26px;border-radius:0 0 22px 22px}.form-heading{align-items:start;flex-direction:column;margin-bottom:28px}.fields-grid{grid-template-columns:1fr;gap:16px}.field-wide{grid-column:auto}}
@media(max-width:430px){.page-shell{width:calc(100% - 16px)}.hero{padding:28px 20px 26px}h1{font-size:clamp(22px,7.6vw,32px)}.description p{font-size:13px}.form-panel{width:calc(100% - 8px);padding:26px 16px 22px}.actions{align-items:stretch;flex-direction:column}button{width:100%}button.clear{order:2}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}