:root{--color-primary: #003366;--color-primary-light: #0056b3;--color-text: #333;--color-text-muted: #606770;--color-surface: #fff;--color-background: #e9ebee;--color-background-muted: #f0f2f5;--color-border: #e0e0e0;--font-serif: "Garamond", "Times New Roman", serif;--font-sans-serif: "Roboto", "Helvetica Neue", sans-serif;--font-mono: "Roboto Mono", monospace;--base-line-height: 1.5;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--panel-width: min(350px, 80vw);--border-radius: 6px;--transition-speed: .35s;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 4px 0 15px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0}body{font-family:var(--font-serif);background:var(--color-background);color:var(--color-text);line-height:var(--base-line-height)}.diploma-container{position:relative;top:0;left:0;width:100vw;height:100vh;background:url(/assets/background3-527007ce.png) center/cover no-repeat;padding:var(--spacing-md) var(--spacing-sm);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-md);overflow:auto;z-index:1}.error-message{text-align:center;color:red;font-weight:700;font-size:clamp(1rem,2.5vw,1.3rem);margin-top:var(--spacing-xl)}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.header-col,.logo-and-text-container{flex:1;min-width:150px;text-align:center}.header-col .emblem{width:70px;margin-bottom:var(--spacing-sm)}.logo{width:180px;max-width:100%;height:auto}.legal-text{font-size:1.25rem;text-align:justify;line-height:1.5;max-width:90%;margin:var(--spacing-xl) auto;color:var(--color-text-muted)}.main-title{text-align:center}.main-title h1{font-size:3rem;font-weight:700;color:var(--color-primary);margin:0;letter-spacing:2px}.main-title p{font-size:1.5rem;margin-top:var(--spacing-sm)}.details{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.student-details,.signature-section{flex:1;min-width:150px;text-align:center}.student-details p,.signature-section p{font-size:1.75rem;margin:var(--spacing-sm) 0}.qr-code-container{margin:var(--spacing-md) auto 0;text-align:center}.qr-text{font-size:clamp(.8rem,1.5vw,.9rem);font-style:italic;color:var(--color-primary)}.verification-slide-panel{position:fixed;top:0;left:calc(-1 * var(--panel-width));width:var(--panel-width);height:100%;background:var(--color-surface);box-shadow:var(--shadow-lg);transition:left var(--transition-speed) ease-in-out;z-index:1000;display:flex;flex-direction:column;font-family:var(--font-sans-serif);overflow-y:auto}.panel-is-open .verification-slide-panel{left:0}.panel-is-open .diploma-container{filter:brightness(.7)}.panel-header{background:var(--color-background-muted);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.panel-header h4{font-size:clamp(.9rem,1.8vw,1rem)}.panel-header .panel-subtitle{font-size:clamp(.7rem,1.3vw,.8rem);color:var(--color-text-muted);margin-top:var(--spacing-sm)}.panel-body{padding:var(--spacing-lg);flex-grow:1;overflow-y:auto}.panel-section{margin-bottom:var(--spacing-xl);border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.panel-section h5{font-size:clamp(.7rem,1.3vw,.8rem);color:var(--color-primary-light);margin-bottom:var(--spacing-md)}.info-item{margin-bottom:var(--spacing-md)}.info-label{font-size:clamp(.65rem,1.2vw,.75rem);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.info-value,.info-hash-value{font-size:clamp(.75rem,1.3vw,.85rem);word-wrap:break-word;background:var(--color-background-muted);padding:.75rem;border-radius:var(--border-radius)}.info-hash-value{font-family:var(--font-mono)}.info-link{color:var(--color-primary-light);text-decoration:none}.info-link:hover{text-decoration:underline}.panel-footer{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-muted);border-top:1px solid var(--color-border);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.panel-footer p{font-size:clamp(.6rem,1.2vw,.7rem);color:var(--color-text-muted)}.panel-footer .company-logo{max-height:60px}.verification-arrow-toggle{position:fixed;top:50%;left:0;transform:translateY(-50%);width:40px;height:80px;background:var(--color-primary-light);border:none;border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-md);cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:left var(--transition-speed) ease-in-out}.panel-is-open .verification-arrow-toggle{left:var(--panel-width)}.verification-arrow-toggle .arrow-open,.verification-arrow-toggle .arrow-close{transition:opacity .2s ease-in-out}.verification-arrow-toggle .hidden{opacity:0;display:none}.share-buttons-container{display:flex;gap:8px;margin-top:8px}.social-share-button{width:36px;height:36px;border-radius:50%;cursor:pointer;transition:transform .2s ease-in-out}.social-share-button:hover{transform:translateY(-2px)}.verif-btn{background:#f2f7fa;width:120px;height:36px;border:none;border-radius:8px;cursor:pointer;margin:4px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-sans-serif);font-size:clamp(.75rem,1.2vw,.85rem);color:var(--color-text);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.verif-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.verif-btn:disabled{background:var(--color-background-muted);color:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.verif-btn .animate-spin{width:16px;height:16px}.verif-btn .flex.items-center>span{font-size:clamp(.7rem,1.1vw,.8rem)}.language-selection-title{font-size:clamp(.8rem,1.8vw,.9rem);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:var(--spacing-md)}.flag-icon{width:36px;height:36px;object-fit:contain;cursor:pointer;transition:all .2s ease-in-out}.flag-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}@media (max-width: 900px){:root{--panel-width: 80vw;--spacing-xl: 1.25rem;--spacing-lg: .8rem}.diploma-container{padding:var(--spacing-sm)}.panel-is-open .diploma-container{filter:brightness(.7);pointer-events:none}.verification-slide-panel{width:100%;left:-100%}.panel-is-open .verification-slide-panel{left:0}.panel-is-open .verification-arrow-toggle{left:calc(100% - 40px)}.header{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.header-col,.logo-and-text-container{flex:1;min-width:120px;text-align:center}.header-col .logo{width:min(140px,35vw)}.header-col .emblem{width:min(50px,15vw);margin-bottom:var(--spacing-sm)}.under-logo-text p{font-size:clamp(.7rem,2vw,.9rem);margin:.2rem 0}.details{flex-direction:column;align-items:center;text-align:center}.qr-code-container{position:static;transform:none;margin:var(--spacing-sm) 0}.verif-btn{width:100px;height:32px;font-size:clamp(.7rem,1.1vw,.8rem)}.verif-btn .animate-spin{width:14px;height:14px}.verif-btn .flex.items-center>span{font-size:clamp(.65rem,1vw,.75rem)}}.diploma-pdf-container{width:3508px;height:2480px;position:absolute;left:-9999px;top:0;visibility:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Garamond,Times New Roman,serif;color:#000;display:flex;flex-direction:column;padding:120px 150px;box-sizing:border-box}.diploma-pdf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:100px;height:400px}.diploma-pdf-logo-container{flex:0 0 auto}.diploma-pdf-logo{height:400px;width:auto;object-fit:contain}.diploma-pdf-center-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.diploma-pdf-emblem{height:200px;width:auto;object-fit:contain}.diploma-pdf-header-text{text-align:center;font-size:42px;line-height:1.4}.diploma-pdf-header-text p{margin:0 0 15px}.diploma-pdf-header-text .bold{font-weight:700}.diploma-pdf-header-text .italic{font-style:italic;font-size:36px}.diploma-pdf-header-text .last-paragraph{margin:0}.diploma-pdf-legal-text{text-align:justify;margin-bottom:80px;font-size:45px;line-height:1.6}.diploma-pdf-legal-text p{margin:0 0 20px}.diploma-pdf-legal-text .last-paragraph{margin:0}.diploma-pdf-legal-text .highlight{font-weight:700}.diploma-pdf-main-title{text-align:center;margin-bottom:100px}.diploma-pdf-title{font-size:100px;font-weight:700;margin:0 0 40px;text-transform:uppercase;letter-spacing:2px;color:#036}.diploma-pdf-specialty{font-size:50px;margin:0;font-weight:700}.diploma-pdf-specialty .specialty-label{font-weight:700}.diploma-pdf-details{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:60px;gap:40px}.diploma-pdf-student-details{flex:1;font-size:55px;line-height:1.8}.diploma-pdf-student-details p{margin:0 0 20px}.diploma-pdf-student-details .last-paragraph{margin:0}.diploma-pdf-student-details .bold{font-weight:700}.diploma-pdf-qr-section{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;order:0}.diploma-pdf-qr-code{margin-bottom:20px}.diploma-pdf-qr-text{margin:0;font-size:50px;text-align:center;max-width:280px;font-family:Garamond,Times New Roman,serif;color:#036}.diploma-pdf-signature{flex:1;text-align:right;font-size:55px;line-height:1.8}.diploma-pdf-signature p{margin:0 0 20px}.diploma-pdf-signature .last-paragraph{margin:0}.diploma-pdf-signature .bold{font-weight:700}@media print{.diploma-pdf-container{visibility:visible!important;left:0!important}}.diploma-pdf-container.low-res{width:1754px;height:1240px;padding:60px 75px}.diploma-pdf-container.low-res .diploma-pdf-header{margin-bottom:50px;height:200px}.diploma-pdf-container.low-res .diploma-pdf-logo{height:140px}.diploma-pdf-container.low-res .diploma-pdf-center-section{flex-direction:column;gap:15px}.diploma-pdf-container.low-res .diploma-pdf-emblem{height:100px}.diploma-pdf-container.low-res .diploma-pdf-header-text{font-size:21px}.diploma-pdf-container.low-res .diploma-pdf-header-text .italic{font-size:18px}.diploma-pdf-container.low-res .diploma-pdf-legal-text{margin-bottom:40px;font-size:16px}.diploma-pdf-container.low-res .diploma-pdf-main-title{margin-bottom:50px}.diploma-pdf-container.low-res .diploma-pdf-title{font-size:36px;margin:0 0 20px}.diploma-pdf-container.low-res .diploma-pdf-specialty{font-size:24px}.diploma-pdf-container.low-res .diploma-pdf-details{padding-top:30px;gap:20px}.diploma-pdf-container.low-res .diploma-pdf-student-details{font-size:19px}.diploma-pdf-container.low-res .diploma-pdf-qr-text{font-size:14px;max-width:140px}.diploma-pdf-container.low-res .diploma-pdf-signature{font-size:19px}