:root{--color-brand:#0a2342;--color-brand-light:#2c4a7c;--color-gold:#c5a059;--color-gold-light:#e5c585;--color-gold-dark:#8a6d3b;--color-bg:#f5f5f7;--color-paper:#fdfbf7;--color-text:#1a1a1a;--color-text-secondary:#595959;--color-border:#e6e6e6;--color-border-gold:rgba(197,160,89,.4);--color-active:#2e7d32;--color-active-bg:rgba(46,125,50,.1);--color-expired:#616161;--color-expired-bg:rgba(97,97,97,.1);--color-suspended:#c62828;--color-suspended-bg:rgba(198,40,40,.1);--font-display:"Cinzel",serif;--font-serif:"Playfair Display",serif;--font-mono:"IBM Plex Mono",monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--shadow-card:0 10px 40px -10px rgba(0,0,0,.15);--shadow-seal:0 4px 15px rgba(197,160,89,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background-color:var(--color-bg);background-image:radial-gradient(circle at top right,#eef2f5 0,#dbe4eb);color:var(--color-text);font-family:var(--font-serif);line-height:1.6;min-height:100vh}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-container{display:flex;flex:1;flex-direction:column;min-height:100vh;padding:var(--space-md);padding-top:6rem}.page-content{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--space-lg) 0}.certificate-card{background:var(--color-paper);border:1px solid #d1d1d1;box-shadow:var(--shadow-card);max-width:900px;padding:12px;position:relative;width:100%}.certificate-inner-border{border:4px double var(--color-brand);height:100%;padding:4px;position:relative}.certificate-ornament{background-image:radial-gradient(var(--color-border-gold) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--color-gold);padding:var(--space-2xl) var(--space-xl);position:relative}.certificate-ornament:after,.certificate-ornament:before{border:2px solid var(--color-brand);content:"";height:40px;position:absolute;transition:all .3s ease;width:40px}.certificate-ornament:before{border-bottom:none;border-right:none;left:10px;top:10px}.certificate-ornament:after{border-left:none;border-top:none;bottom:10px;right:10px}.watermark{filter:grayscale(100%) sepia(20%) hue-rotate(190deg) saturate(300%);height:auto;left:50%;mix-blend-mode:multiply;opacity:.08;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;z-index:0}.certificate-content{position:relative;z-index:1}.certificate-header{align-items:flex-start;border-bottom:2px solid var(--color-gold);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}.brand-container{color:var(--color-brand);text-align:right}.brand-mark{filter:brightness(.8) sepia(1) hue-rotate(190deg) saturate(3);height:50px;margin-bottom:var(--space-xs);width:auto}.brand-title{color:var(--color-brand);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.brand-subtitle{color:var(--color-gold-dark);font-family:var(--font-serif);font-size:.85rem;font-style:italic}.certificate-title{margin:var(--space-xl) 0;text-align:center}.certificate-title h1{color:var(--color-brand);font-size:3.5rem;font-weight:700;letter-spacing:.15em;margin-bottom:var(--space-sm);text-shadow:1px 1px 0 hsla(0,0%,100%,.5)}.certificate-title .subtitle,.certificate-title h1{font-family:var(--font-display);text-transform:uppercase}.certificate-title .subtitle{color:var(--color-gold-dark);display:block;font-size:1.25rem;font-weight:600;letter-spacing:.2rem}.certificate-title .subtitle:after,.certificate-title .subtitle:before{color:var(--color-gold);content:"—";margin:0 var(--space-sm)}.certificate-body{margin:0 auto var(--space-2xl);max-width:80%;text-align:center}.certificate-statement{color:var(--color-text);font-size:1.35rem;line-height:2;margin-bottom:var(--space-lg)}.company-name{color:var(--color-brand);display:block;font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin:var(--space-xs) 0;text-transform:uppercase}.approval-number{background:#0a23420d;border-radius:4px;color:var(--color-brand);font-family:var(--font-mono);font-weight:600;padding:2px 8px}.certificate-details{background:#fff;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);box-shadow:inset 0 0 20px #00000005;display:flex;justify-content:space-around;margin-bottom:var(--space-xl);padding:var(--space-lg) 0}.detail-item{text-align:center}.detail-label{color:var(--color-gold-dark);font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;margin-bottom:var(--space-xs);text-transform:uppercase}.detail-value{color:var(--color-brand);font-family:var(--font-serif);font-size:1.15rem;font-weight:600}.status-pill{border:1px solid;border-radius:50px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:4px 12px;text-transform:uppercase}.status-pill--active{background:var(--color-active-bg);border-color:var(--color-active);color:var(--color-active)}.certificate-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-lg)}.qr-section{text-align:center}.qr-code{height:90px;mix-blend-mode:multiply;opacity:.9;width:90px}.id-text{color:var(--color-text-secondary);display:block;font-family:var(--font-mono);font-size:.65rem;margin-top:4px}.signature-block{min-width:200px;text-align:center}.signature-line{border-bottom:2px solid var(--color-brand);margin-bottom:8px;width:100%}.signature-title{color:var(--color-brand);font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.signature-text{align-items:center;color:var(--color-brand);display:flex;font-family:Herr Von Muellerhoff,cursive;font-size:2.5rem;justify-content:center;line-height:1;margin:0 auto;min-height:60px;transform:rotate(-2deg)}.page-footer{color:var(--color-text-secondary);font-family:var(--font-display);font-size:.75rem;margin-top:var(--space-xl);text-align:center}.page-footer a{color:var(--color-brand);text-decoration:none}.certificate-page-wrapper{background:var(--color-bg);background-image:radial-gradient(circle at top right,#eef2f5 0,#dbe4eb);display:flex;flex-direction:column;min-height:100vh}.certificate-page-container{display:flex;flex:1;flex-direction:column;padding:var(--space-lg)}.certificate-page-content{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--space-md) 0}.certificate-home-button-container{display:flex;justify-content:center;padding:var(--space-md) 0 var(--space-lg)}.certificate-home-button{align-items:center;background:var(--color-brand);border-radius:50px;box-shadow:0 4px 15px #0a23424d;color:#fff;display:inline-flex;font-family:var(--font-display);font-size:.85rem;gap:8px;letter-spacing:.05em;padding:10px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.certificate-home-button:hover{background:var(--color-brand-light);box-shadow:0 6px 20px #0a234266;transform:translateY(-2px)}.certificate-home-button svg{flex-shrink:0}@media(max-width:920px){.certificate-page-container{overflow-x:hidden;padding:var(--space-sm)}.certificate-page-content{overflow:visible;padding:var(--space-xs) 0;width:100%}.certificate-page-content .certificate-card{min-width:900px;transform-origin:top center;width:900px;zoom:.85}}@media(max-width:800px){.certificate-page-content .certificate-card{zoom:.75}}@media(max-width:700px){.certificate-page-content .certificate-card{zoom:.65}}@media(max-width:600px){.certificate-page-content .certificate-card{zoom:.55}}@media(max-width:500px){.certificate-page-content .certificate-card{zoom:.45}}@media(max-width:420px){.certificate-page-container{padding:var(--space-xs)}.certificate-page-content .certificate-card{zoom:.38}.certificate-home-button{font-size:.8rem;padding:8px 20px}}