.input{width:100%;padding:.9rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:var(--text);outline:none;box-shadow:inset 0 0 0 1px #ffffff0a;transition:box-shadow .15s ease,background .2s ease;margin-bottom:.7rem}.input:focus{background:#ffffff1a;box-shadow:0 0 0 3px #ff33332e}:root{--da-bg-1: hsl(350 85% 12%);--da-bg-2: hsl(350 85% 20%);--da-bg-3: hsl(350 85% 32%);--da-accent: hsl(0 100% 60%);--da-accent-soft: hsl(0 85% 70% / .25);--da-ink: hsl(350 90% 40%);--text: #f7f7f7;--muted: #e9e9e9;--card: #101012;--radius: 16px;--shadow: 0 10px 30px rgba(0,0,0,.25)}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(120deg,var(--da-bg-1),var(--da-bg-2),var(--da-bg-3));background-size:300% 300%;animation:bgShift 24s ease-in-out infinite}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{width:min(1100px,92vw);margin-inline:auto;padding:clamp(16px,3vw,32px)}.paint-splatter{position:relative;isolation:isolate}.paint-splatter:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:var(--radius);background:radial-gradient(20px 20px at 10% 20%,hsl(0 90% 50% / .2),transparent 60%),radial-gradient(28px 28px at 80% 10%,hsl(350 90% 50% / .16),transparent 55%),radial-gradient(16px 16px at 30% 80%,hsl(0 85% 65% / .18),transparent 60%),radial-gradient(24px 24px at 70% 60%,hsl(355 90% 48% / .15),transparent 60%),radial-gradient(40px 40px at 50% 30%,hsl(0 85% 60% / .12),transparent 60%);filter:blur(.3px)}.card{background:#10101299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(16px,2.5vw,28px)}.card.ink{border:1px solid hsl(0 0% 100% / .08);box-shadow:0 1px #ffffff14 inset,0 12px 30px #00000059,0 0 0 3px var(--da-accent-soft)}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.2rem;border-radius:999px;border:1px solid hsl(0 0% 100% / .12);color:var(--text);cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(90deg,#f42525,#ec1337)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ff333340}.btn-outline{background:transparent;border:1px solid hsl(0 0% 100% / .2)}.btn-outline:hover{background:#ff33331f}header{position:sticky;top:0;z-index:50;background:linear-gradient(120deg,#400711bf,#650b1abf);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid hsl(0 0% 100% / .06)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:.5px}.brand .logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:conic-gradient(from 10deg,#ff4d4d,#ee2b4b,#ff4d4d);color:#150606;font-weight:900;box-shadow:0 6px 14px #ff000059}nav a{color:var(--text);text-decoration:none;opacity:.9;font-weight:600}.navlinks{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.hamburger{display:none}.hero{display:grid;gap:1.2rem;grid-template-columns:1.2fr .8fr}.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;margin:0}.hero p{opacity:.85;max-width:60ch}.grid{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(12,1fr)}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}footer{border-top:1px solid hsl(0 0% 100% / .06);background:linear-gradient(120deg,#400711bf,#530915bf)}@media (max-width: 960px){.hero{grid-template-columns:1fr}.col-4{grid-column:span 6}.col-6{grid-column:span 12}}@media (max-width: 680px){.navlinks{display:none}.hamburger{display:block;background:none;border:none;color:var(--text);font-size:1.25rem}.drawer{display:block}.col-4,.col-6{grid-column:span 12}}.drawer{position:fixed;top:60px;right:16px;left:16px;background:#101012f2;border:1px solid hsl(0 0% 100% / .08);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.drawer a{display:block;padding:.8rem 0}
