<!doctype html>

<head>

<title>Vote Morte | Tara Martorella for Middlesex Register of Probate</title>

<style>

:root{

--bg:#0b1220;

--panel:#0f1a33;

--text:#f5f7ff;

--muted:#c9d2ff;

--gold:#d7b35a;

--line:rgba(215,179,90,.25);

--shadow:0 18px 45px rgba(0,0,0,.35);

--radius:18px;

}

*{box-sizing:border-box}

body{

margin:0;

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

color:var(--text);

background: radial-gradient(1200px 600px at 20% -10%, rgba(215,179,90,.25), transparent 60%),

radial-gradient(900px 500px at 100% 0%, rgba(120,160,255,.18), transparent 60%),

var(--bg);

line-height:1.35;

}

a{color:inherit}

.wrap{max-width:1080px;margin:0 auto;padding:0 18px}

.nav{

position:sticky;top:0;z-index:50;

backdrop-filter: blur(10px);

background: rgba(11,18,32,.65);

border-bottom:1px solid rgba(255,255,255,.06);

}

.navrow{display:flex;align-items:center;gap:14px;padding:14px 0}

.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}

.dot{width:10px;height:10px;border-radius:99px;background:var(--gold);box-shadow:0 0 0 6px rgba(215,179,90,.15)}

.links{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.links a{opacity:.9;text-decoration:none;font-weight:650;font-size:14px}

.links a:hover{opacity:1;text-decoration:underline}

.btn{

display:inline-flex;align-items:center;justify-content:center;

padding:10px 14px;border-radius:999px;

border:1px solid rgba(255,255,255,.12);

text-decoration:none;font-weight:800;font-size:14px;

}

.btn.primary{background:linear-gradient(135deg, rgba(215,179,90,.95), rgba(215,179,90,.75)); color:#1a1200; border:none}

.btn.ghost{background:rgba(255,255,255,.06)}

.hero{padding:44px 0 22px}

.heroCard{

border:1px solid rgba(255,255,255,.10);

background: linear-gradient(180deg, rgba(15,26,51,.92), rgba(15,26,51,.72));

box-shadow:var(--shadow);

border-radius:var(--radius);

overflow:hidden;

}

.heroInner{display:grid;grid-template-columns:1.25fr .75fr;gap:0}

@media (max-width:900px){.heroInner{grid-template-columns:1fr}}

.heroLeft{padding:34px}

.kicker{color:var(--muted);font-weight:800;letter-spacing:.25em;text-transform:uppercase;font-size:12px}

h1{margin:10px 0 12px;font-size:44px;line-height:1.05}

@media (max-width:520px){h1{font-size:36px}}

.sub{color:rgba(245,247,255,.86);font-size:16px;max-width:62ch}

.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

.heroRight{

padding:34px;border-left:1px solid rgba(255,255,255,.08);

background: radial-gradient(650px 250px at 50% 0%, rgba(215,179,90,.22), transparent 60%);

}

@media (max-width:900px){.heroRight{border-left:none;border-top:1px solid rgba(255,255,255,.08)}}

.miniTitle{font-weight:900;margin:0 0 10px}

.miniText{color:rgba(245,247,255,.82);font-size:14px;margin:0 0 14px}

.field{display:flex;flex-direction:column;gap:8px;margin:10px 0}

input, textarea{

width:100%;

padding:12px 12px;

border-radius:12px;

border:1px solid rgba(255,255,255,.12);

background: rgba(11,18,32,.55);

color:var(--text);

outline:none;

}

input::placeholder, textarea::placeholder{color:rgba(201,210,255,.7)}

.section{padding:26px 0}

.sectionTitle{font-size:22px;margin:0 0 10px}

.sectionNote{margin:0 0 16px;color:rgba(245,247,255,.78)}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

@media (max-width:900px){.grid{grid-template-columns:1fr}}

.card{

border:1px solid rgba(255,255,255,.10);

background: rgba(15,26,51,.55);

border-radius:var(--radius);

padding:16px;

box-shadow: 0 10px 30px rgba(0,0,0,.22);

}

.card h3{margin:0 0 8px;font-size:16px}

.card p{margin:0;color:rgba(245,247,255,.80);font-size:14px}

.divider{height:1px;background:rgba(255,255,255,.08);margin:10px 0}

.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}

@media (max-width:700px){.checks{grid-template-columns:1fr}}

label.chk{display:flex;gap:10px;align-items:flex-start;color:rgba(245,247,255,.86);font-size:14px}

label.chk input{width:auto;margin-top:2px}

footer{

padding:28px 0 34px;

border-top:1px solid rgba(255,255,255,.08);

color:rgba(245,247,255,.78);

font-size:12.5px;

}

.footerRow{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}

.pill{

display:inline-flex;gap:8px;align-items:center;

padding:8px 10px;border-radius:999px;

border:1px solid rgba(215,179,90,.22);

background:rgba(215,179,90,.08);

color:rgba(245,247,255,.88);

text-decoration:none;

}

</style>

</head>

<body>

<span>VOTE MORTE</span>

</div>

<a href="#priorities">Priorities</a>

<a href="#getinvolved">Get Involved</a>

<a class="btn primary" href="#donate">Donate</a>

</div>

<div class="kicker">Middlesex County • Massachusetts</div>

<h1>Tara Martorella<br/>for Register of Probate</h1>

<strong>Justice for All.</strong> A courthouse should serve families—efficiently, transparently, and with integrity.

I’m running to restore trust, strengthen administrative accountability, and protect the public’s access to reliable records.

</p>

<a class="btn primary" href="#donate">Donate</a>

<a class="btn ghost" href="#getinvolved">Volunteer</a>

<a class="btn ghost" href="#priorities">Read Priorities</a>

</div>

<p class="miniText">Get updates, volunteer opportunities, and signature locations.</p>

</div>

</div>

</div>

</button>

</form>

Prefer text? Add a note on the volunteer form below.

</p>

</aside>

</div>

</header>

<main>

<h2 class="sectionTitle">Priorities</h2>

<p class="sectionNote">Clear, practical improvements the Register’s office can deliver.</p>

<h3>Docket & Record Reliability</h3>

<p>Timely docketing, accurate indexing, and better public access so filings and orders are visible and trackable.</p>

</div>

<h3>Service & Transparency</h3>

<p>Plain-language guidance, consistent procedures, and accountability in registry operations.</p>

</div>

<h3>Family-Focused Administration</h3>

<p>Respectful, efficient processing in cases involving children and families—where delays have real consequences.</p>

</div>

</section>

I’m Tara Martorella, running for Middlesex Register of Probate to bring accountability and administrative reform to the registry.

My campaign is about restoring public trust: transparent records, consistent procedures, and a registry that treats families with urgency and respect.

</p>

</div>

</section>

<h2 class="sectionTitle">Get Involved</h2>

<p class="sectionNote">Check what you want to help with and send it in.</p>

<label class="chk"><input type="checkbox" name="volunteer" /> Volunteer</label>

<label class="chk"><input type="checkbox" name="signatures" /> Help collect nomination signatures</label>

<label class="chk"><input type="checkbox" name="lawn" /> Request a lawn sign</label>

<label class="chk"><input type="checkbox" name="bumper" /> Request a bumper sticker</label>

<label class="chk"><input type="checkbox" name="host" /> Host a small meet-and-greet</label>

<label class="chk"><input type="checkbox" name="endorse" /> Endorse / community support</label>

</div>

</div>

Send

</button>

</form>

</div>

</section>

<h2 class="sectionTitle">Donate</h2>

Replace this section with your donation processor button/link (e.g., Donorbox, Stripe, GoodParty, etc.).

</p>

<a class="btn primary" href="#" onclick="alert('Add your donation link here.'); return false;">Contribute</a>

</div>

</section>

</main>

<div>

<div style="font-weight:900;color:rgba(245,247,255,.9)">VoteMorte.com</div>

<div>Email: <a href="mailto:info@votemorte.com">info@votemorte.com</a></div>

</div>

<a class="pill" href="#" onclick="alert('Add your Instagram link');return false;">Instagram</a>

<a class="pill" href="#" onclick="alert('Add your Facebook link');return false;">Facebook</a>

</div>

<div>

<strong>Disclaimer:</strong> Paid for by the Committee to Elect Tara Martorella. Not authorized by any other candidate or committee.

<br/>

<span style="opacity:.85">Add your committee address/treasurer line here if required for your materials.</span>

</div>

</footer>

</body>

</html>