*{box-sizing:border-box;margin:0;padding:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}body{background-image:url(./assets/back.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}header{padding:1.6rem 0;border-bottom:1px solid var(--light-border);background-color:var(--light-bg);color:var(--light-text)}.dark-mode header{background-color:var(--dark-bg);color:var(--dark-text);border-bottom:1px solid var(--dark-border)}header,.dark-mode header{background-color:#f8f9fa1a}.dark-mode header{background-color:#1118271a}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 1.5rem}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:2rem;color:var(--light-primary);text-decoration:none}.dark-mode .logo{color:var(--dark-primary)}.logo-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--light-primary);color:#fff;border-radius:.5rem;font-size:1rem}.dark-mode .logo-icon{background-color:var(--dark-primary)}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:2rem;list-style-type:none}.nav-link{color:var(--light-text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;padding:.25rem 0;position:relative}.dark-mode .nav-link{color:var(--dark-text-secondary)}.nav-link:hover{color:var(--light-primary)}.dark-mode .nav-link:hover{color:var(--dark-primary)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--light-primary);transition:width .3s}.dark-mode .nav-link:after{background-color:var(--dark-primary)}.nav-link:hover:after{width:100%}.toggle-container{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--light-text-secondary);display:flex;align-items:center;justify-content:center}.dark-mode .theme-toggle{color:var(--dark-text-secondary)}.button{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-primary{background-color:var(--light-primary);color:#fff;border:none}.dark-mode .btn-primary{background-color:var(--dark-primary)}.btn-primary:hover{background-color:var(--light-primary-hover)}.dark-mode .btn-primary:hover{background-color:var(--dark-primary-hover)}.btn-outline{background-color:transparent;color:var(--light-text);border:1px solid var(--light-border)}.dark-mode .btn-outline{color:var(--dark-text);border:1px solid var(--dark-border)}.btn-outline:hover{border-color:var(--light-primary);color:var(--light-primary)}.dark-mode .btn-outline:hover{border-color:var(--dark-primary);color:var(--dark-primary)}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--light-bg);color:var(--light-text)}main{flex:1;display:flex;align-items:center;padding:4rem 0;position:relative}.hero{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:center}.hero-content,.hero-card{grid-column:span 6}.pre-title{text-transform:uppercase;font-weight:600;font-size:.75rem;letter-spacing:.05em;color:var(--light-secondary);margin-bottom:1rem}.dark-mode .pre-title{color:var(--dark-secondary)}.title{font-size:2.5rem;line-height:1.2;font-weight:700;margin-bottom:1.5rem}.title span{color:var(--light-primary)}.dark-mode .title span{color:var(--dark-primary)}.description{color:var(--light-text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:2rem}.dark-mode .description{color:var(--dark-text-secondary)}.hero-buttons{display:flex;gap:1rem;margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem}.feature-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#6366f11a;color:var(--light-primary);border-radius:9999px;flex-shrink:0}.dark-mode .feature-icon{background-color:#818cf81a;color:var(--dark-primary)}.feature-text{font-size:.875rem;font-weight:500}.card{background-color:var(--light-card-bg);border-radius:1rem;box-shadow:0 10px 25px var(--light-shadow);overflow:hidden}.dark-mode .card{background-color:var(--dark-card-bg);box-shadow:0 10px 25px var(--dark-shadow)}.card-header{padding:1.5rem;border-bottom:1px solid var(--light-border)}.card-title{font-weight:600;font-size:1.125rem;text-align:center}.certificate-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--light-bg);border-radius:.75rem;cursor:pointer;transition:all .3s;border:1px solid var(--light-border)}.dark-mode .action-button{background-color:var(--dark-bg);border:1px solid var(--dark-border)}.action-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--light-shadow)}.dark-mode .action-button:hover{box-shadow:0 5px 15px var(--dark-shadow)}.action-icon{font-size:2rem;margin-bottom:1rem}.action-issue{color:var(--light-primary)}.dark-mode .action-issue{color:var(--dark-primary)}.action-verify{color:var(--light-secondary)}.dark-mode .action-verify{color:var(--dark-secondary)}.action-title{font-weight:600;margin-bottom:.5rem}.action-desc{font-size:.75rem;color:var(--light-text-secondary);text-align:center}.dark-mode .action-desc{color:var(--dark-text-secondary)}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--light-border);text-align:center;font-size:.875rem;color:var(--light-text-secondary)}.dark-mode .card-footer{border-top:1px solid var(--dark-border);color:var(--dark-text-secondary)}.card-footer a{color:var(--light-primary);text-decoration:none}.dark-mode .card-footer a{color:var(--dark-primary)}.card-footer a:hover{text-decoration:underline}.features-section{padding-top:4rem;padding-bottom:2rem}.features-section .pre-title{margin-bottom:1rem}.features-section .title{margin-bottom:2rem}.features-section .features-grid{gap:1.5rem}@media (max-width: 1024px){.hero-content,.hero-card{grid-column:span 12}.hero-content{text-align:center}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:repeat(3,1fr);max-width:600px;margin:0 auto}.feature-item{justify-content:center}}@media (max-width: 768px){.nav-links{display:none}.features-grid{grid-template-columns:1fr;gap:1rem}.certificate-actions{grid-template-columns:1fr}}.certificate-issue-container{max-width:800px;margin:0 auto;padding:2rem;background-color:var(--light-card-bg);border-radius:1rem;box-shadow:0 10px 25px var(--light-shadow)}.dark-mode .certificate-issue-container{background-color:var(--dark-card-bg);box-shadow:0 10px 25px var(--dark-shadow)}.certificate-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background-color:var(--light-bg);border-radius:.75rem;padding:1.5rem;border:1px solid var(--light-border)}.dark-mode .form-section{background-color:var(--dark-bg);border-color:var(--dark-border)}.form-section-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--light-primary)}.dark-mode .form-section-title{color:var(--dark-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:500;color:var(--light-text-secondary)}.dark-mode .form-label{color:var(--dark-text-secondary)}.form-input{padding:.5rem 1rem;border:1px solid var(--light-border);border-radius:.375rem;font-size:.875rem;background-color:#fff;color:var(--light-text);transition:border-color .3s,box-shadow .3s}.dark-mode .form-input{background-color:var(--dark-card-bg);border-color:var(--dark-border);color:var(--dark-text)}.form-input:focus{outline:none;border-color:var(--light-primary);box-shadow:0 0 0 3px #6366f11a}.dark-mode .form-input:focus{border-color:var(--dark-primary);box-shadow:0 0 0 3px #818cf81a}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-buttons{display:flex;justify-content:space-between;margin-top:1rem}.btn-cancel,.btn-submit{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .3s}.btn-cancel{background-color:transparent;color:var(--light-text-secondary);border:1px solid var(--light-border)}.dark-mode .btn-cancel{color:var(--dark-text-secondary);border-color:var(--dark-border)}.btn-submit{background-color:var(--light-primary);color:#fff;border:none}.dark-mode .btn-submit{background-color:var(--dark-primary)}.btn-cancel:hover{background-color:var(--light-bg);color:var(--light-primary)}.dark-mode .btn-cancel:hover{background-color:var(--dark-bg);color:var(--dark-primary)}.btn-submit:hover{background-color:var(--light-primary-hover)}.dark-mode .btn-submit:hover{background-color:var(--dark-primary-hover)}.qr-code-section{background-color:var(--light-bg);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid var(--light-border)}.dark-mode .qr-code-section{background-color:var(--dark-bg);border-color:var(--dark-border)}.qr-code-title{font-size:1.125rem;font-weight:600;color:var(--light-primary)}.dark-mode .qr-code-title{color:var(--dark-primary)}.btn-download-qr{background-color:var(--light-secondary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem}.dark-mode .btn-download-qr{background-color:var(--dark-secondary)}.status-message{background-color:var(--light-bg);border:1px solid var(--light-border);color:var(--light-text-secondary);padding:1rem;border-radius:.5rem;text-align:center}.dark-mode .status-message{background-color:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text-secondary)}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--light-text);transition:background-color .3s,color .3s}body.dark-mode .register-container{color:var(--dark-text)}.register-card{background-color:var(--light-card-bg);border-radius:1rem;box-shadow:0 10px 25px var(--light-shadow);padding:2rem;width:100%;max-width:500px;transition:background-color .3s,box-shadow .3s}body.dark-mode .register-card{background-color:var(--dark-card-bg);box-shadow:0 10px 25px var(--dark-shadow)}.register-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:var(--light-primary)}body.dark-mode .register-title{color:var(--dark-primary)}.blockchain-tag{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;margin-bottom:1rem;background-color:#6366f11a;color:var(--light-primary)}body.dark-mode .blockchain-tag{background-color:#818cf81a;color:var(--dark-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--light-text-secondary)}body.dark-mode .form-group label{color:var(--dark-text-secondary)}.register-input{width:100%;padding:.75rem;border:1px solid var(--light-border);border-radius:.5rem;background-color:var(--light-card-bg);color:var(--light-text);transition:border-color .3s,box-shadow .3s}body.dark-mode .register-input{background-color:var(--dark-card-bg);border-color:var(--dark-border);color:var(--dark-text)}.register-input:focus{outline:none;border-color:var(--light-primary);box-shadow:0 0 0 3px #6366f11a}body.dark-mode .register-input:focus{border-color:var(--dark-primary);box-shadow:0 0 0 3px #818cf81a}.register-button{width:100%;padding:.75rem;border:none;border-radius:.5rem;background-color:var(--light-primary);color:#fff;font-weight:600;cursor:pointer;transition:background-color .3s}.register-button:hover:not(:disabled){background-color:var(--light-primary-hover)}body.dark-mode .register-button{background-color:var(--dark-primary)}body.dark-mode .register-button:hover:not(:disabled){background-color:var(--dark-primary-hover)}.register-button:disabled{background-color:var(--light-text-secondary);cursor:not-allowed}body.dark-mode .register-button:disabled{background-color:var(--dark-text-secondary)}.register-features{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;color:var(--light-text-secondary);font-size:.875rem}body.dark-mode .feature-item{color:var(--dark-text-secondary)}.checkmark{margin-right:.5rem;color:var(--light-secondary)}body.dark-mode .checkmark{color:var(--dark-secondary)}@media (max-width: 768px){.register-card{margin:1rem;padding:1.5rem}}:root{--light-bg: #f8f9fa;--light-card-bg: #ffffff;--light-text: #212529;--light-text-secondary: #6c757d;--light-border: #e9ecef;--light-primary: #6366f1;--light-primary-hover: #4f46e5;--light-secondary: #10b981;--light-shadow: rgba(0, 0, 0, .1);--dark-bg: #111827;--dark-card-bg: #1f2937;--dark-text: #f3f4f6;--dark-text-secondary: #9ca3af;--dark-border: #374151;--dark-primary: #818cf8;--dark-primary-hover: #a5b4fc;--dark-secondary: #34d399;--dark-shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}body{min-height:100vh;background-color:var(--light-bg);color:var(--light-text)}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%}.decoration{position:absolute;border-radius:50%;z-index:-1;filter:blur(40px);opacity:.5}.decoration-1{background-color:var(--light-primary);width:300px;height:300px;top:-100px;right:-100px}.dark-mode .decoration-1{background-color:var(--dark-primary);opacity:.2}.decoration-2{background-color:var(--light-secondary);width:200px;height:200px;bottom:-50px;left:-50px}.dark-mode .decoration-2{background-color:var(--dark-secondary);opacity:.2}.verify-container{display:flex;justify-content:center;align-items:center;min-height:80vh;position:relative;padding:2rem 0}.verification-wrapper{width:100%;max-width:600px}.verification-card{background-color:var(--light-card-bg);border-radius:1rem;box-shadow:0 10px 25px var(--light-shadow);overflow:hidden}.dark-mode .verification-card{background-color:var(--dark-card-bg);box-shadow:0 10px 25px var(--dark-shadow)}.card-header{padding:1.5rem;border-bottom:1px solid var(--light-border);text-align:center}.dark-mode .card-header{border-bottom:1px solid var(--dark-border)}.card-title{font-size:1.5rem;font-weight:700;color:var(--light-primary);margin-bottom:.5rem}.dark-mode .card-title{color:var(--dark-primary)}.card-subtitle{color:var(--light-text-secondary);font-size:.875rem}.dark-mode .card-subtitle{color:var(--dark-text-secondary)}.card-body{padding:1.5rem}.wallet-status{display:flex;justify-content:center;margin-bottom:1.5rem}.connected-wallet{background-color:var(--light-bg);padding:.5rem 1rem;border-radius:.5rem;color:var(--light-text-secondary)}.dark-mode .connected-wallet{background-color:var(--dark-bg);color:var(--dark-text-secondary)}.verification-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--light-text)}.dark-mode .form-label{color:var(--dark-text)}.form-input{padding:.75rem;border:1px solid var(--light-border);border-radius:.5rem;font-size:.875rem}.dark-mode .form-input{background-color:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}.verification-submit{align-self:stretch;margin-top:.5rem}.error-message{color:#dc2626;font-size:.875rem;text-align:center;margin-top:1rem}.success-message{color:var(--light-secondary);font-size:.875rem;text-align:center;margin-top:1rem}.dark-mode .success-message{color:var(--dark-secondary)}.certificate-tabs{display:flex;margin-top:1.5rem;border-bottom:1px solid var(--light-border)}.dark-mode .certificate-tabs{border-bottom:1px solid var(--dark-border)}.tab{flex:1;padding:.75rem;text-align:center;background-color:transparent;border:none;font-weight:600;color:var(--light-text-secondary);cursor:pointer;transition:all .3s}.dark-mode .tab{color:var(--dark-text-secondary)}.tab.active{color:var(--light-primary);border-bottom:2px solid var(--light-primary)}.dark-mode .tab.active{color:var(--dark-primary);border-bottom-color:var(--dark-primary)}.certificate-display{margin-top:1.5rem}.certificate-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.valid-badge,.revoked-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;margin-left:1rem}.valid-badge{background-color:#10b9811a;color:var(--light-secondary)}.revoked-badge{background-color:#ef44441a;color:#ef4444}.certificate-details{display:grid;gap:1rem}.certificate-field{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--light-border)}.dark-mode .certificate-field{border-bottom-color:var(--dark-border)}.field-label{font-weight:600;color:var(--light-text-secondary)}.dark-mode .field-label{color:var(--dark-text-secondary)}.field-value{text-align:right}.ipfs-link{color:var(--light-primary);text-decoration:none;font-weight:600}.dark-mode .ipfs-link{color:var(--dark-primary)}.revoke-button{margin-top:1.5rem;width:100%}.certificate-management{margin-top:1.5rem}.section-title{font-size:1.25rem;margin-bottom:1rem;color:var(--light-primary)}.dark-mode .section-title{color:var(--dark-primary)}.file-input{display:none}.file-input-label{display:block;padding:.75rem;border:2px dashed var(--light-border);border-radius:.5rem;text-align:center;cursor:pointer;background-color:var(--light-card-bg);color:var(--light-text-secondary);transition:all .3s ease}.dark-mode .file-input-label{border-color:var(--dark-border);background-color:var(--dark-card-bg);color:var(--dark-text-secondary)}.file-input-label:hover{border-color:var(--light-primary);background-color:#6366f10d}.dark-mode .file-input-label:hover{border-color:var(--dark-primary);background-color:#818cf81a}.selected-file{display:flex;justify-content:space-between;align-items:center;background-color:#6366f10d;color:var(--light-text);padding:.75rem;border-radius:.5rem;margin-top:.5rem;border:1px solid var(--light-border)}.dark-mode .selected-file{background-color:#818cf81a;color:var(--dark-text);border-color:var(--dark-border)}.clear-file-btn{background:none;border:none;color:#ef4444;cursor:pointer}.clear-file-btn .selected-file{display:flex;justify-content:space-between;align-items:center;background-color:#6366f10d;color:var(--light-text);padding:.75rem;border-radius:.5rem;margin-top:.5rem;border:1px solid var(--light-border)}.progress-bar{width:100%;height:.5rem;background-color:var(--light-border);border-radius:.25rem;overflow:hidden;margin-top:1rem}.progress-fill{height:100%;background-color:var(--light-primary);transition:width .3s}.dark-mode .progress-bar{background-color:var(--dark-border)}.dark-mode .progress-fill{background-color:var(--dark-primary)}.action-btn{margin-top:1rem;width:100%;background-color:var(--light-primary);color:#fff;border:none;padding:.75rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.dark-mode .action-btn{background-color:var(--dark-primary);box-shadow:0 4px 6px #0003}.action-btn:hover{background-color:var(--light-primary-hover);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.dark-mode .action-btn:hover{background-color:var(--dark-primary-hover)}.action-btn:disabled{background-color:var(--light-border);color:var(--light-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.dark-mode .action-btn:disabled{background-color:var(--dark-border);color:var(--dark-text-secondary)}@media (max-width: 768px){.verification-wrapper{max-width:100%;padding:1rem}}.admin-container{max-width:1000px;margin:0 auto;padding:2rem;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a}.admin-container h1{color:#2c3e50;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.admin-container h2{color:#3498db;margin:1.5rem 0}.refresh-button{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;margin-bottom:1.5rem;transition:background-color .2s}.refresh-button:hover{background-color:#2980b9}.refresh-button:disabled{background-color:#95a5a6;cursor:not-allowed}.pending-list{list-style:none;padding:0;margin:0}.pending-item{background-color:#fff;border-radius:6px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 5px #0000000d;display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.pending-item{flex-direction:row;justify-content:space-between;align-items:center}}.institute-details{flex:1}.institute-details p{margin:.5rem 0;color:#2c3e50}.action-buttons{display:flex;gap:.75rem;margin-top:1rem}@media (min-width: 768px){.action-buttons{margin-top:0}}.approve-button,.reject-button{padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s,transform .1s}.approve-button{background-color:#2ecc71;color:#fff}.approve-button:hover{background-color:#27ae60;transform:translateY(-1px)}.reject-button{background-color:#e74c3c;color:#fff}.reject-button:hover{background-color:#c0392b;transform:translateY(-1px)}.approve-button:disabled,.reject-button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none}