/* © 2026 Bureau of Minor Sufferings. All rights reserved. | bureauofminorsufferings.com */ :root{--paper:#f5f0e8;--paper-dark:#ede5d0;--ink:#1a1209;--ink-faded:#3d2f1a;--navy:#0a1628;--red:#8b1a1a;--gold:#c9a033;--gold-dim:rgba(201,160,51,0.5);--stamp-red:rgba(139,26,26,0.85);--green:#1a3d2b;--glow-gold:rgba(201,160,51,0.12);} body.theme-classified { --navy: #3d0c0c; --gold: #ff4444; --gold-dim: rgba(255, 68, 68, 0.5); --glow-gold: rgba(255, 68, 68, 0.2); } html{scroll-behavior:smooth;} *{box-sizing:border-box;margin:0;padding:0;} ::selection{background:var(--gold);color:var(--navy);} ::-moz-selection{background:var(--gold);color:var(--navy);} /* Custom scrollbar */ ::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-track{background:#0a0804;} ::-webkit-scrollbar-thumb{background:rgba(201,160,51,0.25);border-radius:4px;} ::-webkit-scrollbar-thumb:hover{background:rgba(201,160,51,0.45);} body{background:#0a0804;font-family:'Courier Prime',monospace;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} body::before{content:'';position:fixed;inset:0;z-index:-1;background: repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(201,160,51,0.008) 2px,rgba(201,160,51,0.008) 3px), radial-gradient(ellipse at 20% 50%,rgba(10,22,40,0.4) 0%,transparent 70%), radial-gradient(ellipse at 80% 80%,rgba(201,160,51,0.03) 0%,transparent 50%);pointer-events:none;} /* NAV */ .top-nav{background:rgba(10,22,40,0.98);border-bottom:1px solid rgba(201,160,51,0.15);padding:12px 28px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:200;transition:box-shadow 0.4s ease,border-color 0.4s ease;} .top-nav.scrolled{box-shadow:0 4px 30px rgba(0,0,0,0.5);border-bottom-color:rgba(201,160,51,0.3);} .nav-brand-logo{height:40px;width:auto;display:block;} .nav-brand{font-family:'Cinzel',serif;color:var(--gold);font-size:clamp(10px, 3.5vw, 15px);letter-spacing:clamp(1.5px, 0.5vw, 3px);text-decoration:none;font-weight:700;transition:text-shadow 0.3s;white-space:nowrap;} .nav-brand:hover{text-shadow:0 0 20px rgba(201,160,51,0.35);} .nav-links{display:flex;gap:24px;} .nav-links a{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,0.75);text-decoration:none;transition:color .25s,letter-spacing .25s;position:relative;} .nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--gold);transition:width 0.3s ease;} .nav-links a:hover{color:var(--gold);letter-spacing:2.5px;} .nav-links a:hover::after{width:100%;} /* MEMBERSHIP BAR */ #membership-bar{display:none;background:linear-gradient(90deg,#1a3d2b,#245c3e);color:#fff;text-align:center;padding:9px;font-size:10px;letter-spacing:3px;font-weight:700;text-transform:uppercase;} #membership-bar.visible{display:block;} /* HERO */ .hero{background:linear-gradient(180deg,#0a1628 0%,#0d1b33 60%,#0a1628 100%);border-bottom:4px solid var(--gold);position:relative;overflow:hidden;} .hero::before{content:'';position:absolute;inset:0;background: repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(201,160,51,0.04) 40px,rgba(201,160,51,0.04) 41px), repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(201,160,51,0.04) 40px,rgba(201,160,51,0.04) 41px);} /* Vignette overlay */ .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(5,10,20,0.5) 100%);pointer-events:none;z-index:1;} .hero-inner{max-width:900px;margin:0 auto;padding:72px 32px 60px;position:relative;text-align:center;z-index:2;} /* Floating particles */ .hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;} .hero-particles::before,.hero-particles::after{content:'';position:absolute;width:3px;height:3px;background:rgba(201,160,51,0.25);border-radius:50%;} .hero-particles::before{top:20%;left:15%;animation:particleFloat 12s ease-in-out infinite;box-shadow: 80px 40px 0 rgba(201,160,51,0.15), 200px -30px 0 rgba(201,160,51,0.1), 320px 60px 0 rgba(201,160,51,0.2), 500px -20px 0 rgba(201,160,51,0.12), 650px 50px 0 rgba(201,160,51,0.18), 100px 120px 0 rgba(201,160,51,0.08), 400px 100px 0 rgba(201,160,51,0.14);} .hero-particles::after{top:60%;right:20%;animation:particleFloat 15s ease-in-out infinite reverse;box-shadow: -60px -30px 0 rgba(201,160,51,0.12), -180px 40px 0 rgba(201,160,51,0.18), -300px -50px 0 rgba(201,160,51,0.1), -450px 20px 0 rgba(201,160,51,0.15);} @keyframes particleFloat{0%,100%{transform:translateY(0) translateX(0);}25%{transform:translateY(-15px) translateX(8px);}50%{transform:translateY(-5px) translateX(-5px);}75%{transform:translateY(-20px) translateX(3px);}} .agency-seal{width:110px;height:110px;margin:0 auto 28px;position:relative;} .seal-svg{width:100%;height:100%;} .agency-header{font-family:'Cinzel',serif;color:var(--gold);font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;opacity:.8;} .agency-title{font-family:'Cinzel',serif;color:#fff;font-size:clamp(28px,5vw,52px);font-weight:900;line-height:1.1;letter-spacing:2px;margin-bottom:10px;text-shadow:0 2px 40px rgba(201,160,51,0.1);} .agency-subtitle{font-family:'Cinzel',serif;color:var(--gold);font-size:clamp(10px,1.5vw,13px);letter-spacing:6px;text-transform:uppercase;margin-bottom:36px;opacity:.9;} .hero-divider{width:240px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 36px;position:relative;} .hero-divider::after{content:'◆';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:var(--gold);background:var(--navy);padding:0 10px;} .hero-tagline{font-family:'IM Fell English',serif;font-style:italic;color:rgba(255,255,255,.8);font-size:clamp(15px,2vw,19px);line-height:1.7;max-width:600px;margin:0 auto 44px;} .hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;} .stat{text-align:center;padding:16px 24px;background:rgba(10,22,40,0.85);border:1px solid rgba(201,160,51,0.1);transition:border-color 0.3s,background 0.3s;} .stat:hover{border-color:rgba(201,160,51,0.3);background:rgba(201,160,51,0.08);} .stat-number{font-family:'Cinzel',serif;color:var(--gold);font-size:28px;font-weight:700;display:block;} .stat-label{color:rgba(255,255,255,.75);font-size:10px;letter-spacing:2px;text-transform:uppercase;} .parody-stamp{display:inline-block;margin:28px auto 0;font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(201,160,51,.7);border:1px solid rgba(201,160,51,.2);padding:5px 14px;transition:all 0.3s;} .parody-stamp:hover{color:rgba(201,160,51,.85);border-color:rgba(201,160,51,.45);} /* Scroll indicator */ .scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0.5;animation:heroEntrance 0.7s ease both 1.2s;} .scroll-indicator span{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,160,51,0.5);} .scroll-indicator svg{animation:scrollBounce 2s ease-in-out infinite;} @keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:0.4;}50%{transform:translateY(6px);opacity:0.8;}} /* CLASSIFICATION BANNER */ /* MAIN */ .main{max-width:860px;margin:0 auto;padding:60px 24px;} /* SECTION HEADER */ .section-header{text-align:center;margin-bottom:44px;} .form-number{font-size:10px;letter-spacing:3px;color:rgba(245,240,232,.4);text-transform:uppercase;margin-bottom:8px;} .section-title{font-family:'Cinzel',serif;color:var(--paper);font-size:clamp(20px,3vw,30px);font-weight:700;margin-bottom:14px;letter-spacing:1px;text-shadow:0 2px 20px rgba(201,160,51,0.08);} .section-sub{font-family:'IM Fell English',serif;font-style:italic;color:rgba(245,240,232,.6);font-size:15px;max-width:500px;margin:0 auto 20px;line-height:1.7;} /* FORM */ .filing-form{background:var(--paper);border:1px solid var(--gold);box-shadow:0 0 0 4px rgba(201,160,51,.08),0 0 0 5px rgba(201,160,51,.04),0 24px 80px rgba(0,0,0,.55);padding:48px;position:relative;margin-bottom:48px;} /* Gold corner ornaments */ .filing-form .form-corner{position:absolute;width:28px;height:28px;pointer-events:none;} .filing-form .form-corner--tl{top:-1px;left:-1px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);} .filing-form .form-corner--tr{top:-1px;right:-1px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);} .filing-form .form-corner--bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold);} .filing-form .form-corner--br{bottom:-1px;right:-1px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);} .filing-form::before{content:'FORM BMS-7 (REV. 2026)';position:absolute;top:12px;left:16px;font-size:9px;letter-spacing:2px;color:var(--ink-faded);opacity:.5;} .filing-form::after{content:'OMB CONTROL NO. 0000-0000';position:absolute;top:12px;right:16px;font-size:9px;letter-spacing:2px;color:var(--ink-faded);opacity:.5;} @media(max-width:600px){.form-row{grid-template-columns:1fr;}.filing-form{padding:28px 20px;padding-top:40px;}.hero-stats{gap:28px;}.filing-form::after{display:none;}.filing-form .form-corner{width:18px;height:18px;}input[type="text"],select,textarea,#license-key-input{font-size:16px;}} .form-top-border{border-top:3px double var(--navy);border-bottom:1px solid var(--navy);padding:8px 0;margin-bottom:22px;text-align:center;} .form-top-border span{font-family:'Cinzel',serif;font-size:13px;font-weight:700;color:var(--navy);letter-spacing:3px;} .field-group{margin-bottom:20px;} .field-label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);margin-bottom:6px;font-weight:700;} .field-note{font-size:10px;color:var(--ink-faded);opacity:.75;margin-bottom:8px;font-style:italic;} input[type="text"],select,textarea{width:100%;background:rgba(255,255,255,.6);border:none;border-bottom:2px solid var(--ink-faded);padding:14px 8px;font-family:'Courier Prime',monospace;font-size:14px;color:var(--ink);outline:none;transition:border-color .3s,background .3s,box-shadow .3s;} input[type="text"]:focus,textarea:focus,select:focus{border-bottom-color:var(--gold);background:rgba(255,255,255,.95);box-shadow:0 2px 0 0 var(--gold);} input[type="text"]:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} textarea{resize:vertical;min-height:120px;line-height:1.6;border:1px solid var(--ink-faded);border-bottom:2px solid var(--ink-faded);padding:12px;} textarea:focus{border-color:var(--gold);} select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%233d2f1a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;} /* SUBMIT */ /* Gift/Self mode tabs */ .mode-tabs{display:flex;gap:0;margin-bottom:20px;border:1px solid rgba(11,28,56,.3);} .mode-tab{flex:1;padding:12px;min-height:44px;text-align:center;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--ink-faded);border:none;transition:all .2s;} .mode-tab.active{background:var(--navy);color:var(--gold);} .gift-notice{background:rgba(184,134,11,.06);border:1px solid rgba(184,134,11,.25);padding:12px 16px;font-size:11px;color:var(--ink-faded);margin-bottom:16px;line-height:1.6;font-family:'Courier Prime',monospace;letter-spacing:.5px;} .gift-field{display:none;} .gift-field.visible{display:block;} /* Copy link button */ .btn-share-copy{background:transparent;border:1px solid rgba(26,18,9,.25);padding:13px 16px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--ink-faded);cursor:pointer;text-transform:uppercase;transition:all .2s;} .btn-share-copy:hover{border-color:var(--ink-faded);background:rgba(26,18,9,.05);} .bureau-steps{display:none;margin-top:14px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:1px;color:rgba(181,130,10,.7);text-align:center;line-height:2;} .bureau-step{opacity:0;transition:opacity .4s;font-size:10px;} .bureau-step.visible{opacity:1;} .bureau-step.done{color:rgba(100,160,100,.8);} .age-confirm-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0 10px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:0.3px;color:rgba(26,18,9,.55);line-height:1.5;cursor:pointer;} .age-confirm-row input[type="checkbox"]{width:15px;height:15px;flex-shrink:0;margin-top:0;accent-color:#c9a033;cursor:pointer;} .age-confirm-row span{flex:1;} .age-confirm-row a{color:#c9a033;text-decoration:underline;text-underline-offset:2px;} .turnstile-wrapper{margin:16px 0 12px;display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(8,18,32,0.85);border:1px solid rgba(201,160,51,0.2);border-radius:4px;padding:14px 16px;} .turnstile-label{font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(201,160,51,0.55);border-bottom:1px dashed rgba(201,160,51,0.25);padding-bottom:6px;margin-bottom:2px;} .cf-turnstile{background:transparent !important;} .cf-turnstile iframe{background:transparent !important;color-scheme:dark;} .submit-btn{width:100%;background:linear-gradient(180deg,var(--navy) 0%,#081220 100%);color:var(--gold);border:2px solid var(--gold);padding:18px 32px;font-family:'Cinzel',serif;font-size:14px;letter-spacing:3px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .25s;margin-top:16px;position:relative;overflow:hidden;} .submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,160,51,0.1),transparent);transition:left 0.5s ease;} .submit-btn:hover:not(:disabled):not(.loading)::before{left:100%;} .surprise-btn{display:block;width:100%;background:none;border:1px solid rgba(201,160,51,.2);color:rgba(201,160,51,.6);font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:9px;cursor:pointer;margin-bottom:10px;transition:all .25s;} .surprise-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,160,51,.04);transform:translateY(-1px);} .submit-btn:hover:not(:disabled){background:var(--gold);color:var(--navy);box-shadow:0 0 30px rgba(201,160,51,0.25);transform:translateY(-1px);} .submit-btn:active:not(:disabled){transform:translateY(1px);box-shadow:none;} .submit-btn:disabled{opacity:.6;cursor:not-allowed;} .submit-btn .btn-loading{display:none;} .submit-btn.loading .btn-text{display:none;} .submit-btn.loading .btn-loading{display:inline;} .trust-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:14px;padding:10px 0;} .trust-badge{font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(120,85,5,.85);display:flex;align-items:center;gap:5px;font-weight:700;} .trust-badge::before{content:'✓';font-size:12px;color:rgba(120,85,5,.9);} .faq-trust-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:14px;padding:10px 0;} .faq-trust-badge{font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(120,85,5,.85);font-weight:700;} .faq-ai-note{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:1px;color:rgba(100,70,5,.6);text-align:center;margin-bottom:20px;line-height:1.5;} .cert-timer-expired{background:#1a0505!important;border-color:rgba(220,50,50,.6)!important;color:rgba(255,200,200,1)!important;animation:timerPulse .8s ease-in-out infinite;} @keyframes timerPulse{0%,100%{opacity:1;}50%{opacity:.6;}} .faq-toggle-btn{display:block;margin:16px auto 0;background:none;border:none;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);cursor:pointer;opacity:.7;padding:8px;} .faq-toggle-btn:hover{opacity:1;} .faq-section{margin:60px 0;border-top:1px solid rgba(181,130,10,.1);padding-top:48px;} .faq-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);opacity:.6;text-align:center;margin-bottom:8px;} .faq-title{font-family:'Cinzel',serif;font-size:18px;font-weight:700;color:var(--paper);text-align:center;margin-bottom:32px;letter-spacing:2px;} .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;} .faq-item{background:rgba(245,240,232,.03);border:1px solid rgba(181,130,10,.12);padding:20px 20px 18px;} .faq-q{font-family:'Cinzel',serif;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:1px;margin-bottom:8px;opacity:.9;} .faq-a{font-size:11px;color:rgba(245,240,232,.7);line-height:1.75;} @media(max-width:700px){.trust-row{gap:8px;flex-direction:column;align-items:center;}.faq-grid{grid-template-columns:1fr;}.section-header{margin-bottom:24px;}.section-sub{font-size:13px;margin-bottom:16px;}} /* FREE NOTICE */ .free-notice{text-align:center;padding:12px;background:rgba(26,61,43,.15);border:1px dashed rgba(26,61,43,.4);margin-top:16px;} .free-notice p{font-size:12px;color:rgba(245,240,232,.8);letter-spacing:1px;} .free-notice strong{color:var(--gold);} /* ERROR */ .error-box{background:rgba(139,26,26,.1);border:1px solid var(--red);padding:16px;color:var(--red);font-size:12px;letter-spacing:1px;margin-top:16px;margin-bottom:20px;display:none;} .error-box.visible{display:block;} /* OUTPUT */ #certificate-output{display:none;} #certificate-output.visible{display:block;animation:fadeIn .5s ease;} @keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}} /* ── SCREEN FLASH EFFECT ─────────────────────────────────────────── */ /* Premium gold flash overlay — fires on certificate reveal & download capture */ .bureau-flash-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,rgba(184,134,11,0.25) 0%,rgba(13,31,60,0.15) 60%,transparent 100%);mix-blend-mode:screen;} .bureau-flash-overlay.flash{animation:bureauFlash 0.5s ease-out forwards;} @keyframes bureauFlash{0%{opacity:0;}8%{opacity:1;}30%{opacity:0.6;}100%{opacity:0;}} /* Gold vignette variant for downloads */ .bureau-flash-overlay.flash-capture{animation:bureauFlashCapture 0.65s ease-out forwards;} @keyframes bureauFlashCapture{0%{opacity:0;background:radial-gradient(ellipse at center,rgba(184,134,11,0.4) 0%,rgba(13,31,60,0.2) 60%,transparent 100%);}12%{opacity:1;}40%{opacity:0.4;}100%{opacity:0;}} /* ── STAMP SLAM ANIMATION ──────────────────────────────────────────── */ /* Premium filing stamp that slams down on certificate after generation */ .stamp-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:50;display:flex;align-items:center;justify-content:center;} .stamp-slam{opacity:0;transform:scale(4) rotate(-25deg);filter:blur(6px);transition:none;pointer-events:none;} .stamp-slam.animate{animation:stampSlam 0.6s cubic-bezier(0.22,0.61,0.36,1) forwards;} @keyframes stampSlam{ 0%{opacity:0;transform:scale(4) rotate(-25deg);filter:blur(6px);} 50%{opacity:0.95;transform:scale(1.05) rotate(-12deg);filter:blur(0);} 65%{transform:scale(0.97) rotate(-14deg);} 80%{opacity:0.85;transform:scale(1.01) rotate(-13deg);} 100%{opacity:0.8;transform:scale(1) rotate(-13deg);filter:blur(0);} } .stamp-slam-inner{width:180px;height:180px;border:5px solid var(--stamp-red);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 3px transparent,0 0 40px rgba(139,26,26,0.3);} .stamp-slam-inner::before{content:'';position:absolute;inset:6px;border:2px dashed var(--stamp-red);border-radius:50%;opacity:0.5;} .stamp-slam-text{text-align:center;font-family:'Courier Prime',monospace;font-weight:700;letter-spacing:2px;color:var(--stamp-red);text-transform:uppercase;line-height:1.3;} .stamp-slam-text .stamp-main{font-size:16px;display:block;letter-spacing:3px;} .stamp-slam-text .stamp-date{font-size:10px;display:block;margin-top:4px;letter-spacing:2px;opacity:0.7;} .stamp-slam-text .stamp-id{font-size:8px;display:block;margin-top:2px;letter-spacing:1px;opacity:0.5;} .stamp-slam-text .stamp-url{font-size:7px;display:block;margin-top:6px;letter-spacing:2px;opacity:0.55;font-weight:400;} /* Ink splatter effect on slam */ .stamp-slam.animate .stamp-slam-inner::after{content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(139,26,26,0.04) 0%,transparent 70%);animation:inkSpread 0.4s ease-out 0.15s both;} @keyframes inkSpread{from{transform:scale(0.5);opacity:0;}to{transform:scale(1.3);opacity:1;}} /* Screen shake on stamp */ .cert-shake{animation:certShake 0.4s cubic-bezier(.36,.07,.19,.97) both;} @keyframes certShake{ 0% { transform: translate(0) rotate(0deg); } 10% { transform: translate(-12px, -8px) rotate(-2deg); } 20% { transform: translate(10px, 8px) rotate(2deg); } 30% { transform: translate(-8px, -6px) rotate(-1deg); } 40% { transform: translate(6px, 6px) rotate(1deg); } 50% { transform: translate(-4px, -4px) rotate(-0.5deg); } 60% { transform: translate(3px, 3px) rotate(0.5deg); } 70% { transform: translate(-2px, -2px) rotate(-0.25deg); } 80% { transform: translate(1px, 1px) rotate(0.25deg); } 100%{ transform: translate(0) rotate(0deg); } } /* ── ANIMATIONS ──────────────────────────────────────────────────── */ /* Seal: slow continuous rotation — elegant, barely perceptible */ @keyframes sealRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}} .seal-svg{width:100%;height:100%;transform-origin:center;} /* Hero staggered entrance — each element fades in from below */ @keyframes heroEntrance{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}} .agency-seal{animation:heroEntrance .7s ease both;animation-delay:.1s;} .agency-header{animation:heroEntrance .7s ease both;animation-delay:.25s;} .agency-title{animation:heroEntrance .7s ease both;animation-delay:.4s;} .agency-subtitle{animation:heroEntrance .7s ease both;animation-delay:.55s;} .hero-divider{animation:heroEntrance .7s ease both;animation-delay:.65s;} .hero-tagline{animation:heroEntrance .7s ease both;animation-delay:.75s;} .hero-stats{animation:heroEntrance .7s ease both;animation-delay:.9s;} /* Gold divider pulse — subtle breathing glow on the horizontal rules */ @keyframes dividerGlow{0%,100%{opacity:.3;}50%{opacity:.8;}} .divider{animation:dividerGlow 4s ease-in-out infinite;} /* Scroll reveal — elements start invisible; JS adds .in-view when scrolled into view */ .reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;} .reveal.in-view{opacity:1;transform:translateY(0);} /* Submit button idle pulse — draws the eye to the CTA */ @keyframes btnPulse{0%,100%{box-shadow:0 0 0 0 rgba(184,134,11,.0);}50%{box-shadow:0 0 0 6px rgba(184,134,11,.18);}} .submit-btn:not(:disabled):not(.loading){animation:btnPulse 3s ease-in-out infinite;} /* Free tier: CLASSIFIED/REDACTED gate — blurred preview for FOMO */ .cert-finding-item{display:flex;gap:10px;margin-bottom:8px;font-size:11px;color:var(--ink-faded);line-height:1.5;} .cert-finding-bullet{color:var(--navy);flex-shrink:0;font-weight:700;} /* ── Finding 1: THE HOOK — premium treatment to drive conversions ── */ .cert-finding-primary{ display:flex;gap:12px;margin-bottom:8px;font-size:12.5px;color:var(--ink);line-height:1.7; padding:10px 14px 10px 16px; background:linear-gradient(135deg, rgba(184,134,11,0.04) 0%, rgba(245,240,232,0.02) 100%); border-left:3px solid rgba(184,134,11,0.5); border-radius:0 4px 4px 0; position:relative; letter-spacing:0.15px; } .cert-finding-primary .cert-finding-number{ font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:rgba(184,134,11,0.6); flex-shrink:0;line-height:1.4;min-width:18px; } .cert-finding-primary .cert-finding-text{font-family:'Courier Prime',monospace;font-weight:400;} /* ── Classified findings — enhanced urgency ── */ .cert-finding-classified{ position:relative;overflow:hidden; border:1px dashed rgba(139,26,26,.3);padding:10px 14px;margin-bottom:8px;min-height:42px; background:rgba(139,26,26,0.02); transition:border-color 0.4s ease, box-shadow 0.4s ease; } .cert-finding-classified:hover{ border-color:rgba(139,26,26,.5); box-shadow:0 0 12px rgba(139,26,26,0.08); } .cert-finding-classified .classified-blur-text{font-family:'Courier Prime',monospace;font-size:12px;color:var(--ink);line-height:1.7;filter:blur(5px);-webkit-filter:blur(5px);user-select:none;-webkit-user-select:none;pointer-events:none;} .cert-finding-classified .classified-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(245,240,232,0.55);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:2;cursor:pointer;transition:background 0.3s ease;} .cert-finding-classified .classified-overlay:hover{background:rgba(245,240,232,0.4);} .cert-finding-classified-text{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(139,26,26,.65);font-weight:700;pointer-events:none;} .cert-ruling-classified{position:relative;overflow:hidden;border:1px solid rgba(139,26,26,.2);padding:14px 18px;margin:16px 0;min-height:48px;} .cert-ruling-classified .classified-blur-text{font-family:'Courier Prime',monospace;font-size:12px;color:var(--ink);line-height:1.8;filter:blur(6px);-webkit-filter:blur(6px);user-select:none;-webkit-user-select:none;pointer-events:none;} .cert-ruling-classified .classified-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(245,240,232,0.5);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:2;cursor:pointer;transition:background 0.3s ease;} .cert-ruling-classified .classified-overlay:hover{background:rgba(245,240,232,0.35);} .cert-ruling-classified-text{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(139,26,26,.6);font-weight:700;pointer-events:none;} /* Unlock button pulse */ @keyframes unlockPulse{0%,100%{box-shadow:0 0 0 0 rgba(139,26,26,0);}50%{box-shadow:0 0 0 6px rgba(139,26,26,.12);}} #findings-upgrade-prompt button{animation:unlockPulse 2.5s ease-in-out infinite;} /* Exit modal countdown timer */ .premium-exit-countdown{font-family:'Courier Prime',monospace;font-size:28px;font-weight:700;color:#ff4444;letter-spacing:4px;margin:12px 0 8px;text-align:center;} .premium-exit-countdown-label{font-family:'Courier Prime',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:rgba(244,239,227,.35);text-align:center;margin-bottom:16px;} .cert-ruling-block{margin:12px 0;padding:14px 20px;background:rgba(26,61,43,.06);border-left:3px solid var(--green);} .cert-ruling-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-faded);margin-bottom:6px;font-weight:700;} .cert-ruling-text{font-family:'Courier Prime',monospace;font-size:12px;color:var(--ink);line-height:1.8;} .cert-ruling-punchline{margin-top:16px;padding:16px 12px;border-top:2px solid rgba(139,26,26,.4);border-bottom:2px solid rgba(139,26,26,.4);font-family:'Courier Prime',monospace;font-size:14px;font-weight:900;color:var(--red);text-align:center;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;background:rgba(139,26,26,.03);} /* Severity badge — removed per design decision */ .findings-upgrade-prompt{text-align:center;padding:14px 0 4px;font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(139,26,26,.6);} .findings-upgrade-prompt a{color:var(--red);text-decoration:none;font-weight:700;} .form-trust-note{font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:1px;color:rgba(100,70,5,.5);text-align:center;margin-top:8px;margin-bottom:0;} .findings-upgrade-prompt a:hover{text-decoration:underline;} /* Progress meter — case completion indicator */ .cert-progress{background:rgba(13,31,60,.6);border:1px solid rgba(181,130,10,.25);padding:14px 18px;margin:16px 0 8px;font-family:'Courier Prime',monospace;} .cert-progress-title{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:700;} .cert-progress-bar{width:100%;height:8px;background:rgba(245,240,232,.12);margin-bottom:10px;position:relative;overflow:hidden;} .cert-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),rgba(184,134,11,.6));transition:width .5s ease;} .cert-progress-item{font-size:10px;color:rgba(245,240,232,.6);letter-spacing:1px;line-height:2;} .cert-progress-item.done{color:#5cb85c;} .cert-progress-item.locked{color:rgba(200,80,80,.7);} /* Cross-reference line */ .cert-crossref{font-size:9px;letter-spacing:1px;color:var(--ink-faded);opacity:.6;margin-top:4px;font-style:italic;} /* Mobile hamburger nav — phone-only */ @media(max-width:600px){ .nav-links{display:none;} .nav-hamburger{display:block;background:none;border:none;color:var(--gold);font-size:18px;cursor:pointer;padding:4px;} .nav-links.open{display:flex;flex-direction:column;position:absolute;top:44px;right:0;background:rgba(13,31,60,.98);border:1px solid rgba(184,134,11,.2);padding:16px 24px;gap:16px;z-index:201;} } @media(min-width:601px){ .nav-hamburger{display:none;} } /* Docket card stagger — opacity/transform start state; JS adds .in-view */ /* CERTIFICATE SCALE WRAPPER - makes cert responsive on phone */ .cert-scale-wrapper{width:100%;overflow:hidden;position:relative;margin-bottom:20px;-webkit-overflow-scrolling:touch;} /* Hint for mobile: if cert overflows on very small screens, allow horizontal scroll */ @media(max-width:480px){ .cert-scale-wrapper{overflow-x:auto;} } /* CERTIFICATE */ .certificate{background:var(--paper);border:1px solid var(--gold);box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--gold),0 30px 80px rgba(0,0,0,.6);width:700px;position:relative;overflow:hidden;font-family:'Courier Prime',monospace;transform-origin:top left;} .cert-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4;} .cert-border-outer{position:absolute;inset:8px;border:2px solid rgba(184,134,11,.35);pointer-events:none;} .cert-border-outer::before{content:'';position:absolute;inset:4px;border:1px solid rgba(184,134,11,.18);background-image:repeating-linear-gradient(0deg,transparent,transparent 6px,rgba(184,134,11,.04) 6px,rgba(184,134,11,.04) 7px),repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(184,134,11,.04) 6px,rgba(184,134,11,.04) 7px);background-size:7px 7px;} /* ── MASTERCLASS FOIL SHIMMER ─────────────────────────────────────────── */ .certificate::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,0.15),transparent 40%);mix-blend-mode:overlay;opacity:0;transition:opacity 0.5s ease;z-index:100;} .certificate:hover::after{opacity:1;} /* ── TIER-SPECIFIC CERTIFICATE STYLES ─────────────────────────────── */ /* Sealed: double layered gold border = premium authenticated document */ .cert-sealed-active{box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--gold),0 0 0 12px var(--paper),0 0 0 15px var(--gold),0 30px 80px rgba(0,0,0,.6)!important;} /* Gift: gold border = gift presentation treatment */ .cert-gift-active{box-shadow:0 0 0 6px var(--paper),0 0 0 10px var(--gold),0 0 0 13px rgba(184,134,11,0.4),0 30px 80px rgba(0,0,0,.6)!important;} .cert-inner{padding:24px 36px 20px;position:relative;} .cert-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:7px;border-bottom:2px solid var(--navy);} .cert-agency-name{font-family:'Cinzel',serif;font-size:9px;letter-spacing:3px;color:var(--navy);text-transform:uppercase;line-height:1.6;flex:1;} .cert-seal-container{flex-shrink:0;margin:0 20px;} .cert-meta-right{text-align:right;flex:1;font-size:9px;color:var(--ink-faded);line-height:1.8;letter-spacing:1px;white-space:nowrap;} .cert-classification-bar{background:var(--navy);color:var(--paper);text-align:center;padding:3px 0;font-size:9px;letter-spacing:4px;font-weight:700;margin-bottom:10px;} .cert-title-block{text-align:center;margin-bottom:8px;margin-top:2px;} .cert-title-label{font-size:9px;letter-spacing:3px;color:var(--ink-faded);text-transform:uppercase;margin-bottom:8px;} .cert-title{font-family:'Cinzel',serif;font-size:22px;font-weight:900;color:var(--navy);line-height:1.2;letter-spacing:1px;margin-top:4px;} .cert-recipient-block{text-align:center;margin:6px 0;padding:7px 0;border-image:linear-gradient(90deg,transparent,rgba(184,134,11,.35),transparent) 1;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid;} .cert-recipient-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-faded);margin-bottom:3px;} .cert-recipient-name{font-family:'IM Fell English',serif;font-size:24px;color:var(--ink);font-style:italic;} .cert-respondent-block{text-align:center;margin:0 0 6px;padding:7px 0;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(184,134,11,.3),transparent) 1;} .cert-respondent-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:6px;opacity:.8;} .cert-respondent-name{font-family:'Courier Prime',monospace;font-size:22px;color:var(--red);letter-spacing:3px;font-weight:700;text-transform:uppercase;padding:6px 0;margin:6px 0;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);line-height:1.2;} .email-capture{background:rgba(13,31,60,.25);border:1px solid rgba(181,130,10,.12);padding:10px 14px;margin:4px 0 12px;display:none;} .email-capture.visible{display:block;} .email-capture-row{display:flex;gap:8px;} .email-capture-input{flex:1;background:rgba(245,240,232,.08);border:1px solid rgba(181,130,10,.2);padding:9px 12px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:1px;color:var(--paper);outline:none;transition:border-color .2s;} .email-capture-input::placeholder{color:rgba(245,240,232,.3);font-size:10px;} .email-capture-input:focus{border-color:var(--gold);} .email-capture-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} .email-capture-btn{background:var(--gold);color:var(--navy);border:none;padding:9px 16px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:opacity .2s;white-space:nowrap;} .email-capture-btn:hover{opacity:.85;} .email-capture-btn:disabled{opacity:.5;cursor:not-allowed;} .email-capture-msg{font-size:10px;margin-top:6px;letter-spacing:1px;font-family:'Courier Prime',monospace;} .email-capture-msg.success{color:rgba(100,190,100,.8);} .email-capture-msg.error{color:rgba(200,80,80,.8);} .btn-ig-story{padding:13px 16px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s;background:linear-gradient(135deg,rgba(131,58,180,.12),rgba(253,29,29,.12),rgba(252,176,69,.12));border:1px solid rgba(200,100,50,.35);color:rgba(245,240,232,.75);} .btn-ig-story:hover{border-color:rgba(252,176,69,.7);color:#fcb045;} .cert-body{margin:8px 0;font-size:11px;line-height:1.6;color:var(--ink-faded);text-align:justify;} .cert-body p{margin-bottom:12px;} .cert-classification-line{background:rgba(139,26,26,.08);border-left:3px solid var(--red);padding:6px 14px;margin:4px 0;font-size:10px;color:var(--red);letter-spacing:1px;font-weight:700;} .cert-findings{margin:6px 0;} .cert-findings-title{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-faded);margin-bottom:10px;font-weight:700;} .cert-footer{margin-top:10px;padding-top:8px;border-top:2px double var(--navy);display:flex;flex-direction:column;gap:0;} .cert-footer-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;} .cert-footer-row .cert-signature-block{align-self:flex-end;padding-top:20px;} .cert-footer-row .cert-footer-seal{align-self:center;} .cert-footer-row .cert-case-block{align-self:flex-start;} .cert-easter-egg{font-family:'Courier Prime',monospace;font-size:6px;letter-spacing:4px;color:rgba(184,134,11,.2);cursor:pointer;user-select:none;margin-bottom:8px;border-bottom:1px solid transparent;transition:all .3s ease;} .cert-easter-egg:hover{color:var(--red);} .cert-easter-egg.decrypted{animation:certShake .4s cubic-bezier(0.36,0.07,0.19,0.97) both;} body.member-verified .cert-easter-egg{display:none;} @keyframes certShake{10%,90%{transform:translate3d(-1px,0,0);}20%,80%{transform:translate3d(2px,0,0);}30%,50%,70%{transform:translate3d(-4px,0,0);}40%,60%{transform:translate3d(4px,0,0);}} .cert-signature-block{text-align:left;} .cert-signature-line{width:140px;border-bottom:1px solid var(--ink);margin-bottom:4px;height:28px;font-family:'IM Fell English',serif;font-style:italic;font-size:16px;color:var(--navy);display:flex;align-items:flex-end;padding-bottom:2px;} .cert-signature-label{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);opacity:.6;} .cert-footer-seal{display:flex;flex-direction:column;align-items:center;gap:4px;} .cert-case-block{text-align:right;font-size:9px;color:var(--ink-faded);line-height:2;letter-spacing:1px;} /* STAMP */ .cert-stamp{position:absolute;top:140px;right:40px;width:80px;height:80px;border:3px solid var(--stamp-red);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);opacity:.67;filter:blur(0.3px);} .cert-stamp-inner{text-align:center;font-family:'Courier Prime',monospace;font-size:8px;font-weight:700;letter-spacing:1px;color:var(--stamp-red);text-transform:uppercase;line-height:1.4;padding:8px;} /* WATERMARK — Canva-style: repeating diagonal text pattern, single layer */ /* Inspired by Canva's watermark: visible enough to motivate upgrade, not irritating */ .cert-watermark{position:absolute;inset:0;pointer-events:none;z-index:10;overflow:hidden;} .cert-watermark-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.15;} /* ⚠️ DOMAIN: Update this URL */ .cert-watermark-url{position:absolute;bottom:10px;right:14px;font-size:9px;color:rgba(26,18,9,.28);letter-spacing:2px;font-family:'Courier Prime',monospace;font-weight:700;pointer-events:none;} /* QR CODE (premium feature) */ .cert-qr-wrap{display:flex;flex-direction:column;align-items:center;margin-top:12px;padding-top:8px;} .cert-qr-code{width:68px;height:68px;border:2px solid #b8860b;padding:3px;background:#fff;box-shadow:0 0 0 1px rgba(184,134,11,.15);} .cert-qr-code canvas,.cert-qr-code img{width:100%!important;height:100%!important;display:block;} .cert-qr-label{font-family:'Courier Prime',monospace;font-size:6px;letter-spacing:2px;color:rgba(184,134,11,.7);text-transform:uppercase;margin-top:3px;font-weight:700;} /* ACTION BUTTONS */ .action-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:12px;} .btn-dl-free{flex:1;min-width:200px;background:rgba(245,240,232,.08);border:1px solid rgba(245,240,232,.35);padding:14px 20px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:2px;color:rgba(245,240,232,.85);cursor:pointer;text-transform:uppercase;transition:all .2s;} .btn-dl-free:hover{background:rgba(245,240,232,.14);border-color:rgba(245,240,232,.6);} .btn-dl-video{flex:1;min-width:160px;background:rgba(201,160,51,.08);border:1px solid rgba(201,160,51,.35);padding:14px 20px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:2px;color:rgba(201,160,51,.9);cursor:pointer;text-transform:uppercase;transition:all .2s;} .btn-dl-video:hover{background:rgba(201,160,51,.18);border-color:rgba(201,160,51,.7);} /* Member clean download button — only visible when body has member-verified class */ .btn-dl-member{display:none;flex:1;min-width:200px;background:var(--navy);border:1px solid var(--gold);padding:14px 20px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:2px;color:var(--gold);cursor:pointer;text-transform:uppercase;transition:all .2s;} .btn-dl-member:hover{background:#1a3454;} body.member-verified .btn-dl-member{display:flex;align-items:center;justify-content:center;} .btn-share-x,.btn-share-reddit,.btn-share-wa,.btn-share-li{padding:13px 16px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:5px;} .btn-share-x{background:var(--navy);border:1px solid rgba(184,134,11,.4);color:rgba(245,240,232,.75);} .btn-share-x:hover{border-color:var(--gold);color:var(--gold);} .btn-share-reddit{background:rgba(255,69,0,.12);border:1px solid rgba(255,69,0,.4);color:rgba(245,240,232,.75);} .btn-share-reddit:hover{border-color:#ff5700;color:#ff6a1a;} .btn-share-li{background:rgba(0,119,181,.1);border:1px solid rgba(0,119,181,.4);color: rgba(245,240,232,0.9);} .btn-share-li:hover{border-color:#0077b5;color:#4db3ef;} .btn-share-wa{background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.4);color:rgba(245,240,232,.75);} .btn-share-wa:hover{border-color:#25d366;color:#25d366;} button:focus-visible,a:focus-visible,.btn-dl-free:focus-visible,.btn-dl-member:focus-visible,.btn-dl-video:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} /* CTA */ .cta-section{background:var(--paper);border:1px solid var(--gold);padding:32px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4);} .cta-eyebrow{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-faded);margin-bottom:12px;opacity:.7;} .cta-title{font-family:'Cinzel',serif;font-size:clamp(16px,2.5vw,22px);font-weight:700;color:var(--navy);margin-bottom:8px;} .cta-sub{font-family:'IM Fell English',serif;font-style:italic;font-size:14px;color:var(--ink-faded);margin-bottom:24px;line-height:1.5;max-width:420px;margin-left:auto;margin-right:auto;} .cta-tiers{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;} .tier{border:1px solid;padding:16px 20px;text-align:center;min-width:140px;cursor:pointer;transition:all .2s;text-decoration:none;display:block;} .tier-free{border-color:rgba(26,18,9,.2);background:rgba(26,18,9,.03);} .tier-paid{border-color:var(--gold);background:var(--navy);} .tier-paid:hover{background:var(--gold);} .tier-premium{border-color:var(--red);background:#2a0808;} .tier-premium:hover{background:var(--red);} .tier-gift{border-color:var(--gold);background:rgba(184,134,11,.08);} .tier-gift:hover{background:rgba(184,134,11,.18);border-color:var(--gold);} .tier-gift .tier-price{color:var(--gold);} .tier-gift:hover .tier-price{color:var(--ink);} .tier-gift .tier-name{color:rgba(245,240,232,.75);} .tier-gift:hover .tier-name{color:var(--ink);} .tier-gift .tier-features{color:rgba(245,240,232,.55);} .tier-gift:hover .tier-features{color:var(--ink-faded);} .tier-price{font-family:'Cinzel',serif;font-size:20px;font-weight:700;display:block;margin-bottom:4px;} .tier-free .tier-price{color:var(--ink-faded);} .tier-paid .tier-price{color:var(--gold);} .tier-paid:hover .tier-price{color:var(--navy);} .tier-premium .tier-price{color:#e88;} .tier-name{font-size:9px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:8px;} .tier-free .tier-name{color:var(--ink-faded);} .tier-paid .tier-name{color:rgba(245,240,232,.7);} .tier-paid:hover .tier-name{color:var(--navy);} .tier-premium .tier-name{color:rgba(245,240,232,.6);} .tier-features{font-size:10px;line-height:1.8;color:var(--ink-faded);} .tier-paid .tier-features{color:rgba(245,240,232,.55);} .tier-paid:hover .tier-features{color:rgba(0,0,0,.6);} .tier-premium .tier-features{color:rgba(245,240,232,.4);} /* .membership-cta removed — replaced by .membership-hero-btn */ /* Membership hero card — PRIMARY CTA */ .membership-hero{background:linear-gradient(135deg,#0d1f3c 0%,#1a3454 100%);border:2px solid var(--gold);padding:28px 32px 24px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden;} .membership-hero::before{content:'MOST POPULAR';position:absolute;top:12px;right:-28px;background:var(--gold);color:var(--navy);font-family:monospace;font-size:8px;font-weight:700;letter-spacing:3px;padding:4px 40px;transform:rotate(45deg);transform-origin:center;} .membership-hero-badge{font-family:'Cinzel',serif;font-size:9px;letter-spacing:4px;color:var(--gold);opacity:.7;text-transform:uppercase;margin-bottom:8px;} .membership-hero-price{font-family:'Cinzel',serif;font-size:clamp(30px,5vw,44px);font-weight:900;color:var(--gold);line-height:1;} .membership-hero-period{font-size:12px;color:rgba(245,240,232,0.7);letter-spacing:2px;margin-bottom:12px;} .membership-hero-title{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:1px;} .membership-hero-perks{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;} .membership-hero-perks li{font-size:11px;color:rgba(245,240,232,0.7);letter-spacing:1px;} .membership-hero-perks li::before{content:'✦ ';} .membership-hero-btn{display:inline-block;background:var(--gold);color:var(--navy);border:none;padding:14px 36px;font-family:'Cinzel',serif;font-size:12px;font-weight:700;letter-spacing:3px;cursor:pointer;text-transform:uppercase;transition:all .2s;width:100%;} .membership-hero-btn:hover{background:#d4a017;transform:translateY(-1px);} .cta-trust-list{list-style:none;padding:0;margin:12px 0 0;font-family:'Courier Prime',monospace;font-size:10px;color:var(--ink-faded);letter-spacing:.5px;line-height:2;} .cta-trust-list li::before{content:'✓ ';color:var(--gold);} .cta-guarantee{font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:1px;color:var(--ink-faded);text-align:center;margin-top:10px;font-style:italic;opacity:.7;} .cta-primary-btn{text-align:center;box-sizing:border-box;display:block;width:100%;background:var(--navy);color:var(--gold);border:2px solid var(--gold);padding:18px 32px;font-family:'Cinzel',serif;font-size:16px;letter-spacing:3px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s;margin-bottom:8px;} .cta-primary-btn:hover{background:var(--gold);color:var(--navy);} .cta-primary-note{font-size:10px;color:var(--ink-faded);letter-spacing:1px;text-align:center;margin-bottom:20px;opacity:.7;} .bureau-countdown-container{background:rgba(139,26,26,0.05);border:1px solid rgba(139,26,26,0.3);border-radius:4px;padding:8px 12px;margin:12px auto;text-align:center;max-width:240px;} .countdown-label{display:block;font-family:'Courier Prime',monospace;font-size:9px;color:var(--red);letter-spacing:2px;} .countdown-time{display:block;font-family:'Courier Prime',monospace;font-size:18px;font-weight:700;color:var(--red);margin-top:2px;animation:pulseRed 2s infinite;} @keyframes pulseRed{0%,100%{opacity:1;}50%{opacity:0.7;}} .bureau-guarantee-badge{font-family:'Courier Prime',monospace;font-size:10px;line-height:1.4;color:var(--ink-faded);text-align:center;margin-top:16px;padding:12px;border-top:1px dashed rgba(184,134,11,.3);border-bottom:1px dashed rgba(184,134,11,.3);max-width:320px;margin-left:auto;margin-right:auto;} .bureau-guarantee-badge strong{color:var(--navy);font-weight:700;} .cta-gift-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;} .cta-gift-btn{background:rgba(184,134,11,.1);border:1px solid var(--gold);color:var(--navy);padding:12px 24px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:2px;cursor:pointer;text-transform:uppercase;transition:all .2s;white-space:normal;line-height:1.5;word-break:break-word;} .cta-gift-btn:hover{background:rgba(184,134,11,.2);} .cta-gift-note{font-size:10px;color:var(--ink-faded);letter-spacing:1px;opacity:.7;} .cta-or-divider{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);opacity:.5;text-align:center;margin:12px 0;} .cta-tip-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;justify-content:center;padding:0 8px;} .cta-tip-text{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:.5px;color:rgba(26,18,9,.5);flex:1;min-width:200px;line-height:1.6;} .cta-tip-btn{font-family:'Courier Prime',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(26,18,9,.5);border:1px dashed rgba(26,18,9,.25);padding:6px 12px;text-decoration:none;white-space:nowrap;transition:all .2s;} .cta-tip-btn:hover{border-color:var(--ink-faded);color:var(--ink-faded);} .cta-social-proof{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:1px;color:rgba(26,18,9,.55);text-align:center;padding:12px 8px 4px;line-height:1.6;} .cta-social-proof strong{color:var(--ink-faded);} .cta-more-toggle{font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);cursor:pointer;text-align:center;padding:8px 0;opacity:.6;user-select:none;} .cta-more-toggle:hover{opacity:1;} .btn-share-img{padding:13px 16px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s;background:rgba(26,61,43,.15);border:1px solid rgba(26,61,43,.4);color:rgba(245,240,232,.75);} .btn-share-img:hover{border-color:#1a3d2b;color:#4ade80;} .cta-or-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--ink-faded);font-size:10px;letter-spacing:3px;text-transform:uppercase;opacity:.5;} .cta-or-divider::before,.cta-or-divider::after{content:'';flex:1;height:1px;background:rgba(26,18,9,.2);} .cta-occasion-label{font-size:9px;letter-spacing:3px;color:var(--ink-faded);text-transform:uppercase;opacity:.6;margin-bottom:12px;} /* HOW IT WORKS */ .how-section{margin:80px 0;} .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:40px;} @media(max-width:700px){.how-grid{grid-template-columns:1fr;}} .how-item{background:rgba(245,240,232,.04);border:1px solid rgba(184,134,11,.15);padding:28px 24px;position:relative;} .how-number{font-family:'Cinzel',serif;font-size:48px;font-weight:900;color:rgba(184,134,11,.1);position:absolute;top:12px;right:16px;line-height:1;} .how-step-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;opacity:.8;} .how-title{font-family:'Cinzel',serif;color:var(--paper);font-size:15px;font-weight:700;margin-bottom:10px;} .how-desc{font-size:12px;color:rgba(245,240,232,.6);line-height:1.7;} /* FOOTER */ footer{background:linear-gradient(180deg,rgba(10,22,40,0.95) 0%,#050a14 100%);border-top:1px solid rgba(184,134,11,.2);padding:40px 24px;text-align:center;position:relative;} footer::before{content:'';position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(201,160,51,0.4),transparent);} .footer-seal-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;} .footer-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.3),transparent);} .footer-links{display:flex;justify-content:center;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:16px;} .footer-cta-link{display:inline !important;} @media(min-width:768px){.footer-links{flex-wrap:nowrap;}} .footer-links a{font-size:9px;letter-spacing:2px;color:rgba(245,240,232,.55);text-decoration:none;text-transform:uppercase;transition:color .25s,text-shadow .3s;} .footer-links a:hover{color:var(--gold);text-shadow:0 0 12px rgba(201,160,51,0.2);} .footer-text{font-size:9px;letter-spacing:1px;color:rgba(245,240,232,.2);text-transform:uppercase;line-height:2;} .footer-copy{display:block;font-size:10px;color:rgba(245,240,232,.25);letter-spacing:1.5px;margin-top:8px;} .share-row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 0;} .share-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,.4);} .share-btn{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(245,240,232,.45);text-decoration:none;transition:all .25s;padding:4px 10px;border:1px solid rgba(245,240,232,.15);border-radius:2px;} .share-btn:hover{color:var(--gold);border-color:rgba(184,134,11,.4);text-shadow:0 0 10px rgba(201,160,51,0.2);} .share-reddit{color:rgba(255,100,50,.6);} .share-wa{color:rgba(37,211,102,.5);} .share-li{color:rgba(0,119,181,.5);} /* ── MOBILE POLISH ─────────────────────────────────────────────── */ #sticky-unlock-bar { background: rgba(10, 22, 40, 0.98) !important; border-top: 1px solid rgba(201, 160, 51, 0.4) !important; box-shadow: 0 -10px 40px rgba(0,0,0,0.5) !important; } @media(max-width: 600px) { .cert-scale-wrapper { margin-left: -24px !important; margin-right: -24px !important; width: calc(100% + 48px) !important; border-radius: 0 !important; } #certificate-output { padding: 0 !important; } } /* ══════════════════════════════════════════════════════════════════ THEATRICAL PROCESSING TERMINAL — Premium Classified Document ══════════════════════════════════════════════════════════════════ */ .terminal-overlay { position: fixed; inset: 0; background: radial-gradient(ellipse at center, rgba(10,22,40,0.97), rgba(3,8,16,0.99)); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .terminal-overlay.active { opacity: 1; pointer-events: all; } .terminal-window { width: 92%; max-width: 540px; background: linear-gradient(170deg, #0d1e3a 0%, #08101e 100%); border: 1px solid rgba(201,160,51,0.35); box-shadow: 0 0 80px rgba(201,160,51,0.06), 0 0 0 1px rgba(201,160,51,0.1), inset 0 1px 0 rgba(201,160,51,0.08), 0 40px 120px rgba(0,0,0,0.7); padding: 40px 36px 32px; font-family: 'Courier Prime', monospace; position: relative; overflow: hidden; border-radius: 3px; } /* Diagonal CLASSIFIED watermark */ .terminal-classified-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-35deg); font-family: 'Cinzel', serif; font-size: clamp(60px,12vw,100px); font-weight: 900; letter-spacing: 20px; color: rgba(201,160,51,0.025); pointer-events: none; white-space: nowrap; z-index: 0; user-select: none; } /* Bureau seal — pulsing */ .terminal-seal { text-align: center; margin-bottom: 20px; position: relative; z-index: 2; animation: termSealPulse 3s ease-in-out infinite; } @keyframes termSealPulse { 0%,100% { opacity: 0.6; filter: drop-shadow(0 0 6px rgba(201,160,51,0.2)); } 50% { opacity: 1; filter: drop-shadow(0 0 16px rgba(201,160,51,0.4)); } } .terminal-header { font-size: 10px; letter-spacing: 6px; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid rgba(201,160,51,0.2); padding-bottom: 16px; margin-bottom: 10px; text-align: center; position: relative; z-index: 2; color: #c9a033; background: linear-gradient(90deg, #c9a033, #e8c84a, #c9a033); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; background-size: 200% 100%; animation: termHeaderShimmer 4s ease-in-out infinite; } @keyframes termHeaderShimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } .terminal-case-id { text-align: center; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: rgba(201,160,51,0.4); margin-bottom: 24px; position: relative; z-index: 2; } /* Steps container */ .terminal-content { position: relative; z-index: 2; } /* ── Individual step ── */ .terminal-step { display: flex; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid rgba(201,160,51,0.06); opacity: 0.7 !important; transition: all 0.5s ease; position: relative; } .terminal-step.active { opacity: 1 !important; background: rgba(201,160,51,0.04); margin: 0 -12px; padding: 10px 12px; border-radius: 4px; border-bottom-color: transparent; } .terminal-step.done { opacity: 0.6 !important; } /* Step number circle */ .tstep-num { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; letter-spacing: 1px; border: 1px solid rgba(201,160,51,0.25); color: rgba(201,160,51,0.5); transition: all 0.4s ease; } .terminal-step.active .tstep-num { border-color: #c9a033; color: #c9a033; box-shadow: 0 0 14px rgba(201,160,51,0.35); animation: tstepNumPulse 1.5s ease-in-out infinite; } @keyframes tstepNumPulse { 0%,100% { box-shadow: 0 0 8px rgba(201,160,51,0.2); } 50% { box-shadow: 0 0 22px rgba(201,160,51,0.5); } } .terminal-step.done .tstep-num { display: none; } /* ── Step text — NUCLEAR VISIBILITY ── */ .tstep-text { flex: 1; font-size: 13px !important; color: #d4cfc5 !important; letter-spacing: 0.3px; line-height: 1.5; transition: all 0.4s ease; } .terminal-step.active .tstep-text { color: #ffffff !important; font-weight: 700 !important; text-shadow: 0 0 12px rgba(201,160,51,0.3); } .terminal-step.done .tstep-text { color: #c9a033 !important; text-decoration: line-through; text-decoration-color: rgba(201,160,51,0.3); } /* Checkmark — hidden until done */ .tstep-check { display: none; width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; align-items: center; justify-content: center; font-size: 14px; color: #4ade80; border: 1px solid rgba(74,222,128,0.3); animation: tstepCheckIn 0.35s cubic-bezier(0.34,1.56,0.64,1) both; } .terminal-step.done .tstep-check { display: flex; } @keyframes tstepCheckIn { from { transform: scale(0) rotate(-90deg); opacity: 0; } to { transform: scale(1) rotate(0deg); opacity: 1; } } /* ── Progress bar ── */ .terminal-progress-bar { width: 100%; height: 3px; background: rgba(201,160,51,0.08); margin-top: 28px; border-radius: 2px; overflow: hidden; position: relative; z-index: 2; } .terminal-progress-fill { width: 0%; height: 100%; background: linear-gradient(90deg, var(--gold), #e8c84a); box-shadow: 0 0 12px rgba(201,160,51,0.5); transition: width 0.6s cubic-bezier(0.4,0,0.2,1); } /* ── Progress percentage — UNMISSABLE ── */ .terminal-progress-pct { font-size: 24px !important; font-weight: 700 !important; letter-spacing: 3px; color: #c9a033 !important; margin-top: 18px; position: relative; z-index: 2; font-family: 'Courier Prime', monospace; text-align: center; text-shadow: 0 0 20px rgba(201,160,51,0.4); } /* ── Skip button — CLEARLY VISIBLE ── */ .terminal-skip { display: block !important; margin: 24px auto 0 !important; padding: 10px 40px; background: rgba(201,160,51,0.1) !important; border: 1px solid rgba(201,160,51,0.5) !important; color: #c9a033 !important; font-family: 'Courier Prime', monospace; font-size: 11px !important; letter-spacing: 4px; text-transform: uppercase; cursor: pointer; border-radius: 2px; position: relative; z-index: 2; transition: all 0.3s ease; } .terminal-skip:hover { color: #ffffff !important; border-color: #c9a033 !important; box-shadow: 0 0 20px rgba(201,160,51,0.3); background: rgba(201,160,51,0.2) !important; } .terminal-skip:active { transform: scale(0.97); } .cert-reveal-anim { animation: certSlideUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @keyframes certSlideUp { 0% { opacity: 0; transform: translateY(100px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ── TOAST NOTIFICATIONS ────────────────────────────────────────── */ .toast-container { position: fixed; bottom: 24px; left: 24px; z-index: 10000; pointer-events: none; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .bureau-toast { background: rgba(10, 22, 40, 0.95); border-left: 3px solid var(--gold); border-top: 1px solid rgba(201,160,51,0.2); border-right: 1px solid rgba(201,160,51,0.2); border-bottom: 1px solid rgba(201,160,51,0.2); color: var(--paper); padding: 12px 16px; font-family: 'Courier Prime', monospace; font-size: 11px; max-width: 300px; display: flex; align-items: center; gap: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); opacity: 0; transform: translateX(-20px); transition: opacity 0.5s ease, transform 0.5s ease; } .bureau-toast.toast-visible { opacity: 1; transform: translateX(0); } .bureau-toast.toast-hiding { opacity: 0; transform: translateX(-20px); } .toast-icon { font-size: 16px; } .footer-text{font-size:9px;letter-spacing:1px;color:rgba(245,240,232,.4);text-transform:uppercase;line-height:2;} /* Bureau-styled email links */ a[href^="mailto:"]{font-family:'Courier Prime',monospace;letter-spacing:1px;border-bottom:1px dashed rgba(181,130,10,.35);padding-bottom:1px;transition:border-color .2s,color .2s;color:var(--gold);text-decoration:none;} a[href^="mailto:"]:hover{border-bottom-color:var(--gold);color:#d4a017;text-decoration:none;} .gold{color:var(--gold);} .divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.3),transparent);margin:60px 0;} /* MODAL */ .modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(5,10,18,0.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;} .modal-box{background:var(--paper);border:2px solid var(--gold);box-shadow:0 0 0 1px rgba(255,255,255,0.05),0 0 40px rgba(201,160,51,0.15),0 40px 100px rgba(0,0,0,0.8);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;animation:modalRevealPremium .4s cubic-bezier(0.22,0.61,0.36,1) both;} @keyframes modalRevealPremium{from{opacity:0;transform:scale(0.95) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}} .modal-header{background:linear-gradient(135deg,var(--navy) 0%,#0d1f3c 100%);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;} .modal-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);} .modal-title{font-family:'Cinzel',serif;color:var(--gold);font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;} .modal-close{background:none;border:none;cursor:pointer;color:rgba(245,240,232,.5);font-size:22px;transition:all .25s;padding:0;line-height:1;} .modal-close:hover{color:var(--gold);transform:rotate(90deg);} .modal-body{padding:28px 32px;} .modal-plan-badge{background:linear-gradient(135deg,rgba(13,31,60,.06),rgba(201,160,51,.06));border:1px solid rgba(184,134,11,.3);padding:14px 16px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden;} .modal-plan-badge::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,160,51,0.06),transparent);animation:modalBadgeShimmer 4s ease-in-out infinite;} @keyframes modalBadgeShimmer{0%,100%{opacity:0;}50%{opacity:1;}} .modal-plan-name{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:var(--navy);position:relative;} .modal-plan-price{font-family:'Courier Prime',monospace;font-size:12px;color:var(--navy);letter-spacing:2px;margin-top:2px;position:relative;font-weight:700;} .modal-steps{margin-bottom:20px;} .modal-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;font-size:13px;color:var(--navy);line-height:1.5;} .step-num{background:var(--navy);color:var(--gold);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;font-family:'Cinzel',serif;box-shadow:0 2px 8px rgba(0,0,0,0.2);} .modal-purchase-btn{box-sizing:border-box;display:block;width:100%;background:var(--navy);color:var(--gold);border:2px solid var(--gold);padding:16px 24px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:3px;font-weight:700;text-decoration:none;text-align:center;text-transform:uppercase;transition:all .3s;margin-bottom:24px;position:relative;overflow:hidden;} .modal-purchase-btn:hover{background:var(--gold);color:var(--navy);box-shadow:0 0 30px rgba(201,160,51,0.25);} .modal-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;color:var(--navy);text-transform:uppercase;} .modal-divider::before,.modal-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.3),transparent);} .modal-label{display:block;font-family:'Courier Prime',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--navy);margin-bottom:6px;font-weight:700;} #license-key-input{width:100%;background:rgba(255,255,255,.7);border:1px solid rgba(184,134,11,.2);border-bottom:2px solid var(--ink-faded);padding:12px 8px;font-family:'Courier Prime',monospace;font-size:14px;letter-spacing:2px;color:var(--ink);outline:none;transition:all .3s;margin-bottom:12px;text-transform:uppercase;} #license-key-input:focus{border-color:var(--gold);border-bottom-color:var(--gold);background:rgba(255,255,255,.95);box-shadow:0 0 0 4px rgba(201,160,51,0.1);} #license-key-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} .modal-verify-btn{text-align:center;box-sizing:border-box;width:100%;background:linear-gradient(135deg,var(--green),#245c3e);color:#fff;border:none;padding:16px 24px;font-family:'Cinzel',serif;font-size:12px;letter-spacing:3px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s;position:relative;overflow:hidden;} .modal-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#245c3e,#1a3d2b);box-shadow:0 0 20px rgba(26,61,43,0.3);transform:translateY(-1px);} .modal-verify-btn:disabled{opacity:.6;cursor:not-allowed;} .license-msg{margin-top:12px;padding:12px 16px;font-family:'Courier Prime',monospace;font-size:11px;letter-spacing:1px;display:none;} .license-msg.error{background:rgba(139,26,26,.1);border-left:3px solid var(--red);color:var(--red);display:block;} .license-msg.success{background:rgba(26,61,43,.1);border-left:3px solid var(--green);color:var(--green);display:block;} .modal-trust-line{margin-top:12px;font-family:'Courier Prime',monospace;font-size:9px;color:rgba(26,18,9,0.45);letter-spacing:1px;text-align:center;text-transform:uppercase;} .modal-membership-note{margin-top:16px;padding:12px;background:rgba(13,31,60,.06);border:1px dashed rgba(13,31,60,.3);font-family:'Courier Prime',monospace;font-size:10px;color:var(--navy);line-height:1.7;letter-spacing:.5px;text-align:center;} /* DOWNLOAD TOAST */ .dl-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:var(--gold);padding:12px 24px;font-size:11px;letter-spacing:3px;border:1px solid var(--gold);z-index:1001;font-family:'Courier Prime',monospace;text-transform:uppercase;display:none;white-space:nowrap;} .dl-toast.visible{display:block;} /* PRINT — single page, no watermark on paid certs */ /* DO NOT USE CTRL+P — use the Download button. This CSS is a last resort */ @media print{ @page{size:Letter landscape;margin:0.3in;} body *{visibility:hidden!important;} #the-certificate,#the-certificate *{visibility:visible!important;} #the-certificate{ position:fixed!important;top:0!important;left:0!important; width:9.4in!important;max-width:9.4in!important; transform:none!important;box-shadow:none!important;margin:0!important; page-break-inside:avoid!important;break-inside:avoid!important; font-size:10px!important; } .cert-inner{padding:32px 40px!important;} .cert-recipient-name{font-size:24px!important;} .cert-title{font-size:18px!important;} .cert-body{font-size:11px!important;} /* IMPORTANT: Watermark stays visible in print by default (protects revenue) */ /* Only Bureau Members (body.member-verified) get watermark-free print */ .cert-watermark{display:block!important;} body.member-verified .cert-watermark{display:none!important;} } /* ── PUBLIC DOCKET (Sample Cases) ──────────────────────────────────── */ .docket-section{max-width:900px;margin:0 auto;padding:0 24px;} .docket-header{text-align:center;margin-bottom:32px;} .docket-stamp{display:inline-block;border:2px solid var(--red);color:var(--red);font-family:'Courier Prime',monospace;font-size:10px;font-weight:700;letter-spacing:2px;padding:4px 14px;margin-bottom:16px;text-transform:uppercase;animation:docketLighting 2s infinite alternate;} @keyframes docketLighting{ 0%{box-shadow:0 0 2px rgba(139,26,26,0.2),inset 0 0 2px rgba(139,26,26,0.2);text-shadow:0 0 2px rgba(139,26,26,0.3);border-color:var(--red);color:var(--red);} 100%{box-shadow:0 0 15px rgba(255,77,77,0.8),inset 0 0 10px rgba(255,77,77,0.5);text-shadow:0 0 8px rgba(255,77,77,1);border-color:#ff4d4d;color:#ff4d4d;} } .docket-title{font-family:'Cinzel',serif;color:var(--paper);font-size:clamp(18px,3vw,26px);font-weight:900;margin-bottom:8px;} .docket-sub{font-size:10px;letter-spacing:1px;color:rgba(245,240,232,.55);text-transform:uppercase;} .docket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:12px;} .docket-case{background:var(--paper);border:1px solid rgba(184,134,11,.35);border-top:3px solid var(--gold);padding:20px 22px;position:relative;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease,border-color .2s,box-shadow .2s;} .docket-case.in-view{opacity:1;transform:translateY(0);} .docket-case:hover{border-color:rgba(184,134,11,.7);box-shadow:0 4px 24px rgba(0,0,0,.22);} .docket-case-no{font-family:'Courier Prime',monospace;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--navy);margin-bottom:6px;text-transform:uppercase;opacity:.75;} .docket-case-class{font-size:9px;letter-spacing:1px;color:var(--red);text-transform:uppercase;margin-bottom:10px;opacity:.85;} .docket-case-title{font-family:'Cinzel',serif;font-size:11px;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:8px;} .docket-case-excerpt{font-family:'IM Fell English',serif;font-style:italic;font-size:10px;color:var(--ink-faded);line-height:1.6;} .docket-case-status{position:absolute;top:14px;right:14px;font-size:9px;letter-spacing:1px;color:var(--red);font-family:'Courier Prime',monospace;text-transform:uppercase;opacity:.7;} .docket-notice{text-align:center;font-size:10px;letter-spacing:1px;color:rgba(245,240,232,.4);text-transform:uppercase;margin-top:20px;} .docket-notice a{color:rgba(184,134,11,.5);text-decoration:none;} .docket-notice a:hover{color:var(--gold);} /* ── SHARED CASE BANNER (ephemeral, no DB, pure URL encoding) ─── */ .shared-case-banner{background:rgba(13,31,60,.7);border:2px solid rgba(184,134,11,.4); border-left:4px solid var(--gold);padding:20px 28px;margin:0 auto 0; max-width:860px;position:relative;animation:fadeInDown .4s ease;} @keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}} .shared-banner-label{font-size:9px;letter-spacing:3px;text-transform:uppercase; color:rgba(184,134,11,.7);margin-bottom:8px;font-family:'Courier Prime',monospace;} .shared-banner-caseno{font-family:'Courier Prime',monospace;font-size:9px;font-weight:700; letter-spacing:2px;color:rgba(244,239,227,.35);margin-bottom:4px;} .shared-banner-class{font-size:9px;letter-spacing:1px;color:rgba(244,239,227,.4); text-transform:uppercase;margin-bottom:10px;} .shared-banner-title{font-family:'Cinzel',serif;font-size:clamp(13px,2vw,17px);font-weight:700; color:var(--paper);line-height:1.3;margin-bottom:10px;} .shared-banner-excerpt{font-family:'IM Fell English',serif;font-style:italic;font-size:11px; color:rgba(244,239,227,.45);line-height:1.7;margin-bottom:14px;} .shared-banner-cta{font-size:9px;letter-spacing:2px;text-transform:uppercase; color:rgba(184,134,11,.7);cursor:pointer;border:none;background:none; padding:0;font-family:'Courier Prime',monospace;} .shared-banner-cta:hover{color:var(--gold);} .shared-banner-close{position:absolute;top:12px;right:16px;font-size:16px; color:rgba(244,239,227,.2);cursor:pointer;background:none;border:none; line-height:1;padding:2px 6px;} .shared-banner-close:hover{color:rgba(244,239,227,.5);} .shared-banner-wrap{padding:24px 16px 0;background:var(--bg);} /* ── r/InternetIsBeautiful mode — hide ALL paid UI ────────────────────────── Triggered by ?ref=internetisbeautiful in URL. Class added to by the inline