*{margin:0;padding:0;box-sizing:border-box}:root{--brand: #E50914;--success: #28a745;--danger: #dc3545;--bg-0: #0f1720;--bg-1: rgba(0,0,0,.6);--surface: rgba(255,255,255,.03);--surface-2: rgba(255,255,255,.06);--text: #e2e8f0;--muted: #9CA3AF;--white: #ffffff;--card-border: rgba(255,255,255,.04)}body{color:var(--text);line-height:1.6}.muted-box{margin-bottom:1rem;padding:.6rem .85rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--card-border);color:var(--text)}.badge{color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block}.badge-success{background:var(--success)}.badge-danger{background:var(--danger)}.badge-muted{background:var(--muted);color:#fff;opacity:.95}.email-plain{background:var(--surface);padding:.75rem .85rem;border-radius:6px;border-left:4px solid var(--brand);color:var(--text)}.json-details summary{cursor:pointer;font-weight:500;font-size:.75rem;color:var(--brand)}.json-details .json-body{background:var(--bg-0);color:var(--text);padding:.75rem;font-family:monospace;font-size:.65rem;border-radius:6px;margin-top:.5rem;overflow-x:auto}.app-container{min-height:100vh;background:linear-gradient(135deg,#141414,#1b1b1b)}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0000001a}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.8rem;font-weight:700;color:#e50914}.nav-buttons{display:flex;gap:1rem}.nav-btn{padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;background:transparent;color:#e50914;border:2px solid #E50914}.nav-btn:hover{background:#e50914;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #e5091440}.nav-btn.active{background:#e50914;color:#fff}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;padding:2.5rem;margin:2rem 0;box-shadow:0 12px 36px #00000080;border:1px solid var(--card-border);color:var(--text)}.card h2{color:var(--text);margin-bottom:1.5rem;font-size:2rem;font-weight:600}.card h3{color:var(--brand);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-input{width:100%;padding:1rem;border:2px solid rgba(255,255,255,.04);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc}.form-input:focus{outline:none;border-color:#e50914;box-shadow:0 0 0 3px #e5091414;background:#fff}.form-input::placeholder{color:#999}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#e50914;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #e5091459}.btn-secondary{background:#ffffffe6;color:#e50914;border:2px solid #E50914}.btn-secondary:hover{background:#e50914;color:#fff;transform:translateY(-2px)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 75%,black);transform:translateY(-2px)}.results-container{margin-top:2rem}.result-item{background:#ffffff05;border-radius:12px;padding:1.5rem;margin-bottom:1rem;border-left:4px solid var(--brand);transition:all .3s ease;color:var(--text)}.result-item:hover{background:#ffffff0a;transform:translate(5px)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-type{background:var(--brand);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.result-date{color:var(--muted);font-size:.875rem}.result-subject{font-weight:600;color:var(--text);margin-bottom:.5rem}.result-email{color:var(--brand);font-size:.875rem}.json-display{background:#00000073;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;white-space:pre-wrap;overflow-x:auto;max-height:400px;overflow-y:auto;color:var(--text)}.alert{padding:1rem;border-radius:12px;margin:1rem 0;border:1px solid transparent}.alert-success{background:#28a74514;border-color:#28a7451f;color:#dff2e0}.alert-error{background:#dc354514;border-color:#dc35451f;color:#ffdfe0}.alert-info{background:#17a2b80f;border-color:#17a2b81a;color:#d9f3fb}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid rgba(229,9,20,.08);border-left:4px solid #E50914;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-root{--hero-overlay: .38;background-image:linear-gradient(rgba(0,0,0,var(--hero-overlay)),rgba(0,0,0,var(--hero-overlay))),url(/images/netflix-n.png);background-color:#000;background-size:50% auto;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;color:#fff}@media (max-width: 900px){.landing-root{background-size:cover;background-position:top center;background-attachment:scroll;--hero-overlay: .45}}@media (max-width: 1200px){.nav-content{padding:0 1rem}.logo{font-size:1.5rem}.hero h1{font-size:clamp(1.6rem,5vw,2.2rem)}.card{padding:2rem}}@media (max-width: 900px){.nav-buttons{flex-wrap:wrap;gap:.5rem}.nav-btn{padding:.5rem 1rem;font-size:.95rem}.grid-3{grid-template-columns:1fr}.feature-card{padding:1.25rem;border-radius:12px}.feature-icon{font-size:2.25rem}.public-page .hero{min-height:38vh;padding:1rem}.public-page .hero h1{font-size:1.6rem}.public-page .hero p{font-size:.95rem;max-width:90%}.public-page .main-content{margin:0 auto;padding-top:1.25rem}.public-page .hero .btn{width:100%;max-width:420px;display:block;margin:.5rem auto}.form-input{padding:.9rem;font-size:1rem}}@media (max-width: 600px){body{font-size:15px}.logo{font-size:1.25rem}.hero h1{font-size:1.4rem}.feature-title{font-size:1rem}.card{padding:1.25rem;border-radius:10px}.result-item{padding:1rem}}.public-page .hero{min-height:30vh;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center}.public-page .hero h1{font-size:clamp(1.5rem,3.8vw,2.2rem);margin:0}.public-page .hero p{font-size:.95rem;margin:0;max-width:640px;color:#ffffffe6}.public-page .main-content{max-width:1200px;margin:-1.5rem auto 0;padding:0 1.25rem 2rem}.public-page .card{padding:1.75rem}.public-page .navbar{background:#ffffffd9}.hero{padding:2.5rem 1.5rem;min-height:45vh;display:flex;align-items:center;color:#fff}.hero h1{font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:700;margin-bottom:.6rem;text-shadow:0 2px 8px rgba(0,0,0,.35)}.hero p{font-size:1rem;opacity:.95;max-width:700px;margin:0 auto 1.25rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1000px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-3{grid-template-columns:1fr}}.feature-card{border-radius:14px;padding:1.5rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem}.feature-card:focus,.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000002e}.feature-card--dark{background:var(--surface);color:var(--text);border:1px solid var(--card-border);box-shadow:0 8px 24px #0009}.feature-card--light{background:var(--white);color:var(--bg-0);border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 30px #0000000f}.feature-icon{font-size:3rem;line-height:1}.feature-card--light .feature-title{color:#0f1720e6}.feature-card--dark .feature-title{color:var(--text)}.feature-card .feature-desc{color:var(--muted);line-height:1.6}@media (max-width: 768px){.nav-content{flex-direction:column;gap:1rem}.nav-buttons{flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}.card{padding:1.5rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-content{font-size:14px;line-height:1.6;color:#000;background-color:#fff;width:100%;box-sizing:border-box}.email-content table{border-collapse:collapse;border-spacing:0}.email-content td,.email-content th{vertical-align:top}.email-content img{border:0;outline:none;text-decoration:none}.email-content img:not([width]){max-width:100%;height:auto}.email-content img[width]{width:initial}.email-content img[height]{height:initial}.email-content a{text-decoration:none}.email-content a[style]{color:inherit}.email-content a:not([style]){color:var(--brand)}.email-content a:hover{text-decoration:underline}.email-content p{margin:initial}.email-content h1,.email-content h2,.email-content h3,.email-content h4,.email-content h5,.email-content h6{margin:initial;font-weight:initial}.email-content [style*=background]{background-clip:padding-box}.email-content *{box-sizing:border-box}.email-content form{margin:0;padding:0}.email-content input,.email-content button{margin:initial;padding:initial;border:initial}.email-content button{cursor:pointer}.email-content *[style]{all:revert}.email-content a[style*=background],.email-content button[style*=background],.email-content td[style*=background]{display:block}.email-content [bgcolor],.email-content [style*=background-color]{box-sizing:border-box}@media (max-width: 600px){.email-content{font-size:13px}}
