:root{--iqm-red:#F1595C;--iqm-yellow:#FAA219;--iqm-green:#5AC1A5;--red-tint:#FBD8DA;--red-light:#F59A8F;--red-deep:#9A1C23;--red-darkest:#6D1319;--yellow-tint:#FEECD2;--yellow-light:#FCD08E;--yellow-deep:#AF5B23;--yellow-darkest:#6B3617;--green-tint:#DEF2ED;--green-light:#ADE0D2;--green-deep:#37756C;--green-darkest:#254B4C;--brand-gradient:linear-gradient(90deg,#FF595A 0%,#FFA301 50%,#40D4AD 100%);--wine:#59143A;--plum:#3A1B51;--storm:#173F6D;--midnight:#111F43;--white:#FFFFFF;--light-gray:#BFC2C8;--medium-gray:#7C7E85;--dark-gray:#4D4F56;--deep-gray:#2F3035;--charcoal:#1D1E23;--black:#000000;--bg:var(--white);--bg-subtle:#F7F7F8;--bg-inverse:var(--midnight);--fg1:var(--charcoal);--fg2:var(--dark-gray);--fg3:var(--medium-gray);--fg-inverse:var(--white);--fg-onbrand:var(--white);--border:#E6E7EA;--border-strong:var(--light-gray);--divider:#EDEEF0;--accent:var(--iqm-green);--accent-hover:var(--green-deep);--warn:var(--iqm-yellow);--danger:var(--iqm-red);--font-display:"Nata Sans","Montserrat",system-ui,sans-serif;--font-body:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--r-3:8px;--r-4:12px;--r-pill:999px;--shadow-1:0 1px 2px rgba(17,31,67,.06), 0 1px 1px rgba(17,31,67,.04);--shadow-3:0 12px 32px rgba(17,31,67,.12), 0 4px 8px rgba(17,31,67,.06);--shadow-focus:0 0 0 3px rgba(90,193,165,.35);--dur-fast:.12s;--dur-med:.22s;--ease-out:cubic-bezier(.2,.8,.2,1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);color:var(--fg1);background:var(--bg-subtle);-webkit-font-smoothing:antialiased}a{color:var(--green-deep);text-decoration:none}a:hover{color:var(--iqm-green)}::placeholder{color:var(--fg3)}input:focus{outline:none;border-color:var(--iqm-green)!important;box-shadow:var(--shadow-focus)}button{cursor:pointer;font-family:inherit}.brand-stripe{height:6px;width:100%;background:var(--brand-gradient);border:0;margin:0}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--iqm-green);border-radius:50%;animation:spin .7s linear infinite}.project-card{transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.chip{transition:all var(--dur-fast)}.chip:not(.chip-active):hover{border-color:var(--border-strong)!important;color:var(--fg1)!important}