@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@400;600;700&family=Tinos:wght@400;700&display=swap";:root{--max-width: 1440px;--mobile-padding: 1rem;--tablet-padding: 2rem;--desktop-padding: 3rem}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--secondary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;width:100%;min-height:100vh}img{max-width:100%;height:auto}button{background-color:var(--primary-color);color:var(--background-color);border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease-in-out;touch-action:manipulation}button:hover{background-color:var(--primary-dark)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--mobile-padding)}@media (min-width: 768px){.container{padding:var(--tablet-padding)}}@media (min-width: 1024px){.container{padding:var(--desktop-padding)}}@media (hover: none){button:hover{background-color:var(--primary-color)}a:hover{color:var(--primary-color)}}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}.header-main{background:var(--background-color);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;width:100%}.header-content-wrapper{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.header-logo-image{height:40px;width:auto}.header-logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.header-nav{display:flex;align-items:center;gap:2rem}.header-nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;transition:color .2s ease;position:relative;padding:.5rem 0}.header-nav-link:hover,.header-nav-link-active{color:var(--primary-color)}.header-nav-link-active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color)}.header-auth{display:flex;align-items:center}.header-login-button{padding:.5rem 1.5rem;background-color:var(--primary-color);color:#fff;border-radius:25px;text-decoration:none;transition:background-color .2s ease}.header-login-button:hover{background-color:var(--primary-dark);color:#fff}.header-user-menu{position:relative}.header-user-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid var(--gray-200);border-radius:25px;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.header-user-button:hover{background-color:var(--gray-50);border-color:var(--gray-300)}.header-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;padding:.5rem;z-index:1000}.header-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--gray-700);text-decoration:none;transition:background-color .2s ease;border-radius:6px;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:.95rem}.header-dropdown-item:hover{background-color:var(--gray-50);color:var(--primary-color)}.header-mobile-menu-button{display:none;background:none;border:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer;padding:.5rem}.header-mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--background-color);z-index:1001;padding:1rem;overflow-y:auto}.header-mobile-menu.active{display:block}.header-mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-mobile-menu-close{background:none;border:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer;padding:.5rem}@media (max-width: 1024px){.header-content-wrapper{padding:1rem}.header-nav{display:none}.header-mobile-menu-button{display:block}.header-auth{margin-left:auto;margin-right:1rem}.header-mobile-menu .header-nav{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.header-mobile-menu .header-nav-link{font-size:1.1rem;padding:.75rem;border-radius:8px;background:var(--gray-50);width:100%;text-align:center}.header-mobile-menu .header-nav-link-active{background:var(--primary-color);color:#fff}.header-mobile-menu .header-nav-link-active:after{display:none}}@media (max-width: 768px){.header-logo-text,.header-user-button span{display:none}.header-login-button{padding:.5rem 1rem;font-size:.9rem}.header-mobile-menu .header-nav-link{font-size:1rem;padding:.6rem}}@media (max-width: 480px){.header-content-wrapper{padding:.75rem}.header-logo-image{height:32px}.header-mobile-menu{padding:.75rem}}.footer{width:100%;background-color:var(--background-color);color:var(--secondary-color);padding:3rem 0 1.5rem;border-top:1px solid var(--gray-200)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:start}.footer h3{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.footer h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color);opacity:.8}.footer-nav-links{display:flex;flex-direction:column;gap:1rem}.footer-nav-link{display:flex;align-items:center;gap:.5rem;color:var(--gray-700);text-decoration:none;font-size:.95rem;transition:all .3s ease;background:none;border:none;padding:0;cursor:pointer;text-align:left}.footer-nav-link:hover{color:var(--primary-color);transform:translate(4px)}.footer-terms-button{font-family:inherit}.footer-terms-button:hover{color:var(--primary-color);transform:translate(4px);background-color:transparent}.footer-icon{color:var(--primary-color);font-size:1rem}.contact-items{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:1rem;color:var(--gray-700);transition:all .3s ease}.contact-item:hover{color:var(--primary-color);transform:translate(4px)}.contact-item svg{color:var(--primary-color);font-size:1.2rem;opacity:.8}.contact-item span{font-size:.95rem;line-height:1.5}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--gray-100);color:var(--primary-color);transition:all .3s ease;text-decoration:none}.social-link:hover{background:var(--primary-color);color:var(--background-color);transform:translateY(-4px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.2)}.social-link svg{font-size:1.2rem}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding:1.5rem 2rem 0;text-align:center;border-top:1px solid var(--gray-200)}.footer-bottom p{font-size:.9rem;color:var(--gray-600)}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.terms-modal{background:#fff;border-radius:16px;max-width:900px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.terms-modal-header{padding:2rem 2rem 1rem;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.terms-modal-header h2{margin:0;color:var(--primary-color);font-size:1.5rem;font-weight:700}.terms-modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.terms-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.terms-modal-content{padding:1.5rem 2rem;overflow-y:auto;flex:1}.terms-institution{background:var(--gray-50);padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid var(--primary-color)}.terms-institution p{margin:.5rem 0;color:var(--gray-700)}.terms-institution strong{color:var(--primary-color)}.terms-description{margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#fff8f3,#fef7f0);border-radius:12px;border:1px solid #ffe5d1}.terms-description p{margin:0;font-size:1.1rem;color:var(--gray-700);line-height:1.6}.terms-rules{display:flex;flex-direction:column;gap:1.5rem}.terms-rule-item{background:#fff;border:2px solid var(--gray-100);border-radius:12px;padding:1.5rem;transition:all .3s ease}.terms-rule-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff6b001a}.terms-rule-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.terms-rule-number{background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.terms-rule-title{margin:0;color:var(--gray-800);font-size:1.1rem;font-weight:600}.terms-rule-category{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--primary-color);font-weight:500;font-size:.9rem}.category-icon{font-size:.8rem}.terms-rule-description{margin:0;color:var(--gray-700);line-height:1.7;text-align:justify}.terms-modal-footer{padding:1.5rem 2rem 2rem;border-top:2px solid var(--gray-100);display:flex;gap:1rem;justify-content:center;flex-shrink:0}.terms-modal-close-btn{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #ff6b004d}.terms-modal-close-btn:hover{background:#e85d00;transform:translateY(-2px);box-shadow:0 6px 18px #ff6b0066}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem}.social-links{justify-content:center}.footer-bottom{margin-top:1.5rem;padding:1rem 1.5rem 0}.terms-modal{margin:1rem;max-height:95vh}.terms-modal-header,.terms-modal-content,.terms-modal-footer{padding-left:1.5rem;padding-right:1.5rem}.terms-rule-item{padding:1rem}.terms-rule-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.terms-modal{margin:.5rem}.terms-modal-header h2{font-size:1.2rem}.terms-rule-description{text-align:left}}.sesimegel-loading-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);width:100%;background-color:rgba(var(--background-color),.9);position:fixed;top:80px;left:0;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sesimegel-loading-icon{color:var(--primary-color);animation:sesimegel-spin 1s linear infinite;filter:drop-shadow(0 0 8px rgba(var(--primary-color),.2))}@keyframes sesimegel-spin{to{transform:rotate(360deg)}}.sesimegel-floating-contact{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:1000}.sesimegel-contact-button{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #00000026;animation:pulse 2s infinite}.sesimegel-contact-button:hover{transform:translateY(-5px)}.sesimegel-contact-whatsapp{background:#25d366;animation:pulse 2s infinite;animation-delay:1s}.sesimegel-contact-whatsapp:hover{background:#128c7e;box-shadow:0 8px 16px #25d3664d}.sesimegel-contact-phone{background:#ff6b00}.sesimegel-contact-phone:hover{background:#ff8533;box-shadow:0 8px 16px #ff6b004d}.sesimegel-contact-message{background:#ff6b00}.sesimegel-contact-message:hover{background:#ff8533;box-shadow:0 8px 16px #ff6b004d}.sesimegel-contact-blog{background:#3498db}.sesimegel-contact-blog:hover{background:#2980b9;box-shadow:0 8px 16px #3498db4d}.sesimegel-contact-tooltip{position:absolute;right:calc(100% + 10px);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease}.sesimegel-contact-tooltip:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-left:5px solid rgba(0,0,0,.8);border-top:5px solid transparent;border-bottom:5px solid transparent}.sesimegel-contact-button:hover .sesimegel-contact-tooltip{opacity:1;visibility:visible;transform:translate(-5px)}.sesimegel-contact-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease;padding:1rem}.sesimegel-contact-form-container{background:#fff;padding:2rem;border:2px solid #FF6B00;border-radius:20px;width:90%;max-width:500px;position:relative;animation:slideUp .3s ease;box-shadow:0 10px 25px #ff6b001a;max-height:90vh;overflow-y:auto}.sesimegel-contact-close-button{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;width:40px;height:40px}.sesimegel-contact-close-button:hover{background-color:#fff5eb;color:#ff6b00;transform:rotate(90deg)}.sesimegel-contact-form-title{color:#ff6b00;font-size:1.5rem;margin-bottom:2rem;text-align:center;font-weight:600}.sesimegel-contact-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.sesimegel-contact-form-group{margin:0;width:100%}.sesimegel-contact-form-label{display:block;margin-bottom:.5rem;color:#4b5563;font-size:.9rem;font-weight:500}.sesimegel-contact-input-wrapper{position:relative;width:100%}.sesimegel-contact-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ff6b00;font-size:1rem;z-index:1;opacity:.8}.sesimegel-contact-form-input,.sesimegel-contact-form-textarea{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #FFE5D1;border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:#fff5eb;color:#1e293b;box-sizing:border-box}.sesimegel-contact-form-textarea{height:120px;resize:vertical;min-height:120px;max-height:200px;line-height:1.5;padding-top:2.5rem}.sesimegel-contact-form-textarea+.sesimegel-contact-input-icon{top:1.25rem;transform:none}.sesimegel-contact-form-input:focus,.sesimegel-contact-form-textarea:focus{outline:none;border-color:#ff6b00;background-color:#fff;box-shadow:0 0 0 3px #ff6b001a}.sesimegel-contact-form-input:focus+.sesimegel-contact-input-icon,.sesimegel-contact-form-textarea:focus+.sesimegel-contact-input-icon{color:#ff6b00;opacity:1}.sesimegel-contact-form-input::placeholder,.sesimegel-contact-form-textarea::placeholder{color:#94a3b8}.sesimegel-contact-submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#ff6b00,#ff8533);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.sesimegel-contact-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b004d;background:linear-gradient(135deg,#ff8533,#ff6b00)}.sesimegel-contact-submit-button:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#ffb380,#ffd1b3)}.sesimegel-contact-status-message{margin-top:1rem;padding:1rem;border-radius:12px;text-align:center;font-size:.95rem;font-weight:500;animation:fadeIn .3s ease}.sesimegel-contact-status-success{background-color:#fff5eb;color:#ff6b00;border:1px solid #FFE5D1}.sesimegel-contact-status-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}@keyframes pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.sesimegel-floating-contact{bottom:1.5rem;right:1.5rem;gap:.75rem}.sesimegel-contact-button{width:50px;height:50px;font-size:1.5rem}.sesimegel-contact-tooltip{display:none}.sesimegel-contact-form-container{padding:1.5rem;width:95%;margin:.5rem}.sesimegel-contact-close-button{top:1rem;right:1rem}.sesimegel-contact-form-title{font-size:1.25rem;margin-bottom:1.5rem}.sesimegel-contact-form-input,.sesimegel-contact-form-textarea{font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem}.sesimegel-contact-input-icon{font-size:.9rem;left:.875rem}.sesimegel-contact-form-textarea{padding-top:2.25rem}.sesimegel-contact-form-textarea+.sesimegel-contact-input-icon{top:1rem}.sesimegel-contact-submit-button{padding:.875rem;font-size:.95rem}}@media (max-width: 480px){.sesimegel-contact-form-container{padding:1.25rem;width:95%;margin:.25rem}.sesimegel-contact-form-input,.sesimegel-contact-form-textarea{font-size:.9rem;padding:.7rem 1rem .7rem 2.25rem}.sesimegel-contact-input-icon{font-size:.85rem;left:.75rem}.sesimegel-contact-form-textarea{padding-top:2rem}.sesimegel-contact-submit-button{padding:.75rem;font-size:.9rem}}.form-group input,.form-group textarea{padding:.7rem;font-size:.9rem}.submit-button{padding:.75rem;font-size:.9rem}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.admin-login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.admin-login-box h2{text-align:center;color:#333;margin-bottom:30px;font-size:24px;font-weight:600}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;padding:12px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center;color:#ff4d4f}.error-message svg{margin-right:8px;font-size:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:all .3s}.form-group input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.admin-login-box button{width:100%;padding:12px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.admin-login-box button:hover{background-color:#40a9ff}.admin-login-box button:disabled{background-color:#d9d9d9;cursor:not-allowed}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;justify-content:center;align-items:center;border-radius:10px}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@media (max-width: 640px){.admin-login-container{padding:1rem}.admin-login-box{padding:2rem}.admin-login-box h2{font-size:1.75rem}.form-group input{padding:.75rem 1rem}.admin-login-box button{padding:.875rem}}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:popup-fade-in .3s ease-out}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}.popup-container{background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:popup-slide-up .3s ease-out;position:relative}@keyframes popup-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-container.small{width:100%;max-width:400px}.popup-container.medium{width:100%;max-width:600px}.popup-container.large{width:100%;max-width:900px}.popup-container.full{width:95%;max-width:1200px}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.popup-header-content{display:flex;align-items:center;gap:1rem;flex:1}.popup-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color, #ff6b00) 0%,#e85d00 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 25px #ff6b004d}.popup-title-section{flex:1}.popup-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.popup-subtitle{font-size:1rem;color:#64748b;margin:0;font-weight:400}.popup-close-btn{width:80px;height:80px;border:none;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64748b;font-size:1.2rem}.popup-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.popup-content{padding:2rem;overflow-y:auto;flex:1;background:#fff}@media (max-width: 768px){.popup-overlay{padding:1rem}.popup-container{border-radius:15px;max-height:95vh}.popup-container.small,.popup-container.medium,.popup-container.large,.popup-container.full{width:100%;max-width:none}.popup-header{padding:1.5rem 1.5rem 1rem}.popup-content{padding:1.5rem}.popup-icon{width:45px;height:45px;font-size:1.3rem}.popup-title{font-size:1.3rem}.popup-subtitle{font-size:.9rem}}@media (max-width: 480px){.popup-overlay{padding:.5rem}.popup-header{padding:1rem 1rem .75rem;flex-direction:column;align-items:flex-start;gap:1rem}.popup-header-content{width:100%}.popup-close-btn{position:absolute;top:1rem;right:1rem;width:35px;height:35px}.popup-content{padding:1rem}.popup-icon{width:40px;height:40px;font-size:1.2rem}.popup-title{font-size:1.2rem}}.popup-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc}.popup-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;outline:none}.popup-button.confirm,.popup-button.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.popup-button.confirm:hover,.popup-button.primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.popup-button.cancel,.popup-button.secondary{background:#6b7280;color:#fff;border:1px solid #6b7280}.popup-button.cancel:hover,.popup-button.secondary:hover{background:#4b5563;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.popup-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.popup-button.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.popup-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 480px){.popup-actions{flex-direction:column;padding:16px}.popup-button{width:100%;min-width:unset;padding:14px 20px}}.popup-container.large .popup-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-bottom:none;padding:2.5rem 3rem 1.5rem}.popup-container.large .popup-title{color:#fff;font-size:1.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.popup-container.large .popup-subtitle{color:#ffffffe6;font-size:1.05rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.popup-container.large .popup-icon{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003}.popup-container.large .popup-close-btn{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.popup-container.large .popup-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.popup-container.large .popup-content{background:linear-gradient(to bottom,var(--gray-100) 0%,var(--gray-200) 100%);padding:2rem}.popup-container.large .popup-content{scrollbar-width:thin;scrollbar-color:var(--gray-400) var(--gray-200)}.popup-container.large .popup-content::-webkit-scrollbar{width:8px}.popup-container.large .popup-content::-webkit-scrollbar-track{background:var(--gray-200)}.popup-container.large .popup-content::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.popup-container.large .popup-content::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}:root{--primary: #FF6B00;--primary-light: #FF8A3D;--primary-dark: #E65000;--secondary: #1A1F25;--secondary-light: #2C3440;--secondary-dark: #0F1218;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #22C55E;--error: #EF4444;--warning: #F59E0B;--info: #3B82F6;--font-family: "Poppins", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--header-height: 70px;--sidebar-width: 280px;--container-width: 1320px;--admin-primary: var(--primary);--admin-primary-light: var(--primary-light);--admin-primary-dark: var(--primary-dark);--admin-secondary: var(--secondary);--admin-secondary-light: var(--secondary-light);--admin-secondary-dark: var(--secondary-dark);--admin-gray-50: var(--gray-50);--admin-gray-100: var(--gray-100);--admin-gray-200: var(--gray-200);--admin-gray-300: var(--gray-300);--admin-gray-400: var(--gray-400);--admin-gray-500: var(--gray-500);--admin-gray-600: var(--gray-600);--admin-gray-700: var(--gray-700);--admin-gray-800: var(--gray-800);--admin-gray-900: var(--gray-900);--admin-success: var(--success);--admin-error: var(--error);--admin-warning: var(--warning);--admin-info: var(--info);--admin-header-height: 64px;--admin-sidebar-width: 250px;--admin-border-radius: 10px;--admin-transition: all .3s ease;--admin-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--admin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--admin-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}@media (max-width: 768px){:root{--container-width: 100%;--header-height: 64px}}.admin-page-header{background:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;color:var(--gray-800);box-shadow:0 4px 20px #00000014;border:1px solid var(--gray-200);position:relative;overflow:hidden}.admin-header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.admin-header-icon{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:1rem;border-radius:12px;box-shadow:0 4px 15px #ff6b004d;display:flex;align-items:center;justify-content:center;min-width:64px;min-height:64px}.admin-header-icon svg,.admin-header-icon i{font-size:2rem;color:#fff;display:block;width:2rem;height:2rem}.admin-header-text{flex:1}.admin-header-text h1{font-size:2.2rem;font-weight:700;margin:0;color:var(--gray-900);letter-spacing:-.5px}.admin-header-text p{font-size:1.1rem;margin:.5rem 0 0;color:var(--gray-600);font-weight:400}.admin-header-actions{display:flex;gap:1rem}.admin-header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;position:relative;z-index:1}.admin-stat-card{background:var(--gray-50);padding:1.5rem;border-radius:12px;text-align:center;border:1px solid var(--gray-200);transition:all .3s ease;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.admin-stat-card:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 25px #ff6b0026;border-color:var(--primary-light)}.admin-stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.admin-stat-label{font-size:.95rem;color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.admin-page-header{padding:1.5rem;margin-bottom:1.5rem}.admin-header-content{flex-direction:column;text-align:center;gap:1rem}.admin-header-text h1{font-size:1.8rem}.admin-header-text p{font-size:1rem}.admin-header-stats{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.admin-stat-card{padding:1rem}.admin-stat-number{font-size:2rem}.admin-header-icon svg,.admin-header-icon i{font-size:1.5rem}}@media (max-width: 480px){.admin-page-header{padding:1rem}.admin-header-text h1{font-size:1.5rem}.admin-header-actions{flex-direction:column;width:100%}}.slider-management-container{padding:2rem;background:#f8fafc;min-height:100vh}.header-add-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b004d}.header-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b0066;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%)}.stat-number{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.filters-section{background:#fff;padding:2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.search-box{position:relative;flex:1;max-width:500px}.filter-controls{display:flex;align-items:flex-end;gap:1.5rem}.add-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.sliders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:2rem}.slider-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.slider-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a;border-color:#667eea}.slider-image{position:relative;height:200px;overflow:hidden;background:#f8fafc}.slider-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.slider-card:hover .slider-image img{transform:scale(1.05)}.slider-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.slider-card:hover .slider-overlay{opacity:1}.overlay-btn{background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#667eea;font-size:1.2rem}.overlay-btn:hover{background:#fff;transform:scale(1.1)}.slider-content{padding:1.5rem}.slider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.slider-title{font-size:1.2rem;font-weight:600;color:#1f2937;margin:0;flex:1;margin-right:1rem}.slider-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;white-space:nowrap}.slider-status.approved{background:#dcfce7;color:#166534}.slider-status.pending{background:#fef3c7;color:#92400e}.slider-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slider-link{display:flex;align-items:center;gap:.5rem;color:#667eea;font-size:.85rem;margin-bottom:1rem}.slider-date{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.8rem}.slider-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.approve-btn{background:#dcfce7;color:#166534}.approve-btn:hover{background:#bbf7d0;transform:translateY(-1px)}.reject-btn{background:#fef3c7;color:#92400e}.reject-btn:hover{background:#fde68a;transform:translateY(-1px)}.edit-btn{background:#e0e7ff;color:#4338ca}.edit-btn:hover{background:#c7d2fe;transform:translateY(-1px)}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.slider-form{padding:1rem 0}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#f8fafc}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:80px}.upload-type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.upload-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;transition:all .3s ease;font-size:.9rem}.upload-type-btn:hover{border-color:#667eea;color:#667eea}.upload-type-btn.active{border-color:#667eea;background:#667eea;color:#fff}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background:#f8fafc;transition:all .3s ease}.file-upload-area:hover{border-color:#667eea;background:#f0f4ff}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;cursor:pointer}.upload-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.image-preview{margin-top:1rem;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.image-preview img{width:100%;height:200px;object-fit:cover}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500}.form-checkbox{width:18px;height:18px;accent-color:#667eea}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.form-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.cancel-btn{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.slider-detail-popup{padding:1rem 0}.detail-image{margin-bottom:2rem;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.detail-image img{width:100%;height:250px;object-fit:cover}.detail-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-weight:600;color:#374151;font-size:.9rem}.detail-item span,.detail-item a{color:#6b7280;line-height:1.5}.detail-item a{color:#667eea;text-decoration:none;word-break:break-all}.detail-item a:hover{text-decoration:underline}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;width:fit-content}.detail-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.detail-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.detail-action-btn.edit-btn{background:#4338ca;color:#fff}.detail-action-btn.edit-btn:hover{background:#3730a3;transform:translateY(-2px)}.detail-action-btn.approve-btn{background:#10b981;color:#fff}.detail-action-btn.approve-btn:hover{background:#059669;transform:translateY(-2px)}.detail-action-btn.reject-btn{background:#f59e0b;color:#fff}.detail-action-btn.reject-btn:hover{background:#d97706;transform:translateY(-2px)}@media (max-width: 1024px){.sliders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.header-content{flex-direction:column;text-align:center;gap:1rem}.header-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.slider-management-container{padding:1rem}.page-header{padding:1.5rem}.header-text h1{font-size:2rem}.sliders-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.filters-section{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1rem}.filter-controls{flex-direction:column;align-items:stretch}.add-btn{align-self:stretch;justify-content:center}.form-actions,.detail-actions{flex-direction:column}}@media (max-width: 480px){.slider-card{margin:0}.slider-header{flex-direction:column;gap:.75rem;align-items:stretch}.slider-title{margin-right:0;text-align:center}.slider-status{align-self:center}.slider-actions{flex-direction:column;gap:.75rem}.action-btn{padding:1rem}.header-stats{grid-template-columns:1fr}.upload-type-selector{flex-direction:column}}.order-list-container{padding:2rem;background:#f8fafc;min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px #667eea4d}.header-content{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.header-icon{background:#fff3;padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-icon svg{font-size:2rem;color:#fff}.header-text h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-text p{font-size:1.1rem;margin:0;opacity:.9}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:#ffffff26;padding:1.5rem;border-radius:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{font-size:.9rem;opacity:.8;color:#fff}.content-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.filters-section{background:#fff;padding:2rem;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1.5rem}.search-box{position:relative;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.1rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.filter-controls{display:flex;gap:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#374151;font-size:.9rem}.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#fff;transition:all .3s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:2rem}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.order-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.order-id{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#374151}.order-icon{color:#667eea;font-size:1.2rem}.order-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500}.status-completed{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#dc2626}.status-unknown{background:#f3f4f6;color:#6b7280}.order-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.customer-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#4b5563}.info-icon{color:#667eea;font-size:1rem;width:16px}.order-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.8rem;color:#6b7280;font-weight:500}.detail-value{font-size:.9rem;color:#374151;font-weight:600}.detail-value.amount{color:#059669;font-size:1rem}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb}.order-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280}.order-date svg{color:#667eea}.order-actions{display:flex;gap:.5rem}.action-btn{width:35px;height:35px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.9rem}.view-btn{background:#e0e7ff;color:#4338ca}.view-btn:hover{background:#c7d2fe;transform:scale(1.05)}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:0 0 .5rem;color:#374151}.empty-state p{margin:0;font-size:1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination-section{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.pagination-info{font-size:.9rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem}.page-btn{width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center}.page-btn:hover{background:#f3f4f6;border-color:#9ca3af}.page-btn.active{background:#667eea;color:#fff;border-color:#667eea}.order-detail-popup{padding:1rem 0}.popup-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.popup-order-info h3{margin:0 0 1rem;font-size:1.3rem;color:#374151}.popup-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-weight:500}.popup-order-date{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.95rem}.popup-order-date svg{color:#667eea}.popup-order-content{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#f8fafc;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea}.detail-section h4{margin:0 0 1rem;font-size:1.1rem;color:#374151;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-grid .detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-grid .detail-item label{font-size:.9rem;color:#6b7280;font-weight:500}.detail-with-icon{display:flex;align-items:center;gap:.5rem;color:#374151}.detail-with-icon svg{color:#667eea}.amount-detail{font-size:1.2rem;font-weight:700;color:#059669;padding:.5rem 0}.description-detail{background:#fff;padding:1rem;border-radius:8px;line-height:1.6;color:#4b5563}@media (max-width: 1024px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.header-content{flex-direction:column;text-align:center;gap:1rem}.header-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.order-list-container{padding:1rem}.page-header{padding:1.5rem}.header-text h1{font-size:2rem}.orders-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.filters-section{padding:1rem}.filter-controls{flex-direction:column;gap:1rem}.order-details{grid-template-columns:1fr}.pagination-section{flex-direction:column;gap:1rem;text-align:center}.detail-grid{grid-template-columns:1fr}.popup-order-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.order-card{padding:1rem}.order-header{flex-direction:column;gap:.75rem;align-items:stretch}.order-footer{flex-direction:column;gap:1rem;align-items:stretch}.order-actions{justify-content:center}.header-stats{grid-template-columns:1fr}.page-numbers{gap:.125rem}.page-btn{width:32px;height:32px;font-size:.8rem}}.sesimegel-course-card{background:var(--background-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;width:100%;height:320px}.sesimegel-course-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.sesimegel-course-image-wrapper{position:relative;width:100%;height:160px}.sesimegel-course-image{width:100%;height:100%;object-fit:cover}.sesimegel-course-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);background:linear-gradient(45deg,var(--gray-100),var(--gray-200))}.sesimegel-course-content{padding:1rem;height:calc(100% - 160px);display:flex;flex-direction:column}.sesimegel-course-title{color:var(--gray-800);font-size:1.1rem;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.sesimegel-course-progress{margin-top:auto;margin-bottom:.75rem}.sesimegel-progress-bar-wrapper{width:100%;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.sesimegel-progress-bar-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.sesimegel-progress-text{color:var(--gray-600);font-size:.8rem}.sesimegel-course-meta{display:flex;justify-content:flex-end;align-items:center}.sesimegel-course-status{color:var(--primary-color);display:flex;align-items:center;gap:.5rem;font-size:.8rem}.sesimegel-course-description{color:var(--gray-600);font-size:.9rem;margin:.5rem 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-courses-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 330px);display:flex;flex-direction:column}.my-courses-header{text-align:center;margin-bottom:2rem}.my-courses-header h1{color:var(--primary-color);font-size:2rem;margin-bottom:.5rem}.my-courses-header p{color:var(--gray-600);font-size:1rem}.my-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;flex:1}.my-course-card{background:var(--background-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.my-course-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.course-image{position:relative;width:100%;height:180px;background:var(--gray-100)}.course-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);background:linear-gradient(45deg,var(--gray-100),var(--gray-200))}.course-content{padding:1.5rem}.course-content h3{color:var(--gray-800);font-size:1.25rem;margin-bottom:1rem;line-height:1.4}.course-progress{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.progress-text{color:var(--gray-600);font-size:.875rem}.course-meta{display:flex;justify-content:space-between;align-items:center;color:var(--gray-600);font-size:.875rem}.course-meta span{display:flex;align-items:center;gap:.5rem}.course-status{color:var(--primary-color)}.error-message{text-align:center;padding:2rem;background:var(--error-light);color:var(--error-color);border-radius:8px;margin:2rem 0}.no-courses-message{text-align:center;padding:4rem 2rem;color:var(--gray-600);min-height:calc(100vh - 330px - 4rem);display:flex;flex-direction:column;justify-content:center;align-items:center}.no-courses-message h2{margin:1rem 0;color:var(--gray-800)}.browse-courses-link{color:var(--primary-color);text-decoration:underline;cursor:pointer;transition:color .2s ease}.browse-courses-link:hover{color:var(--primary-dark)}@media (max-width: 768px){.my-courses-container{padding:1rem;min-height:calc(100vh - 260px)}.my-courses-grid{grid-template-columns:1fr;gap:1rem}.my-courses-header h1{font-size:1.5rem}.no-courses-message{min-height:calc(100vh - 260px - 2rem)}}.sesimegel-container{min-height:calc(100vh - 64px);width:100%;max-width:1400px;margin:0 auto;padding:2rem}.sesimegel-page-header{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:var(--background-color);position:relative;overflow:hidden;max-width:1400px;margin:0 auto 3rem;border-radius:20px;box-shadow:0 8px 32px rgba(var(--primary-color),.15)}.sesimegel-page-header:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:50px;background:linear-gradient(to bottom right,var(--primary-color) 49%,transparent 51%)}.sesimegel-page-header-title{font-size:2.8rem;font-weight:700;margin-bottom:1rem;color:var(--background-color);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:0 1rem}.sesimegel-page-header-description{font-size:1.2rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6;color:var(--background-color);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:0 1rem}.sesimegel-content{margin-top:2rem;width:100%;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.sesimegel-container{padding:1.5rem}.sesimegel-page-header{padding:3.5rem 1.5rem;margin:0 auto 2.5rem;border-radius:18px}.sesimegel-page-header-title{font-size:2.5rem}.sesimegel-page-header-description{font-size:1.15rem;max-width:600px}}@media (max-width: 768px){.sesimegel-container{padding:1rem;min-height:calc(100vh - 56px)}.sesimegel-page-header{padding:2.5rem 1.5rem;margin:0 auto 2rem;border-radius:16px}.sesimegel-page-header:after{bottom:-30px;height:30px}.sesimegel-page-header-title{font-size:2rem;margin-bottom:.75rem;padding:0 .5rem}.sesimegel-page-header-description{font-size:1.05rem;max-width:500px;line-height:1.5;padding:0 .5rem}.sesimegel-content{margin-top:1.5rem}}@media (max-width: 480px){.sesimegel-container{padding:.75rem;min-height:calc(100vh - 48px)}.sesimegel-page-header{padding:2rem 1rem;margin:0 auto 1.5rem;border-radius:12px}.sesimegel-page-header:after{bottom:-20px;height:20px}.sesimegel-page-header-title{font-size:1.75rem;margin-bottom:.5rem;padding:0 .25rem}.sesimegel-page-header-description{font-size:1rem;max-width:100%;padding:0 .25rem;line-height:1.4}.sesimegel-content{margin-top:1rem}}@media (max-width: 360px){.sesimegel-container{padding:.5rem}.sesimegel-page-header{padding:1.5rem .75rem;margin:0 auto 1rem;border-radius:8px}.sesimegel-page-header-title{font-size:1.5rem;padding:0 .25rem}.sesimegel-page-header-description{font-size:.95rem;padding:0 .25rem}}.receipt-container{min-height:100vh;background-color:var(--background-color);padding:2rem}.receipt-content{max-width:800px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.receipt-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.receipt-header .success-icon{font-size:3rem;color:var(--success-color);margin-bottom:1rem}.receipt-header h1{color:var(--secondary-color);margin-bottom:.5rem}.receipt-header p{color:var(--gray-600)}.receipt-header strong{color:var(--primary-color);font-size:1.2rem}.course-info{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background-color:var(--gray-50);border-radius:8px}.course-image{width:120px;height:120px;border-radius:8px;overflow:hidden;background-color:var(--gray-100)}.course-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:2rem}.course-details{flex:1}.course-details h3{color:var(--secondary-color);margin-bottom:.5rem}.course-details .price{font-size:1.25rem;color:var(--primary-color);font-weight:700}.customer-info{margin-bottom:2rem}.customer-info h3{color:var(--secondary-color);margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{color:var(--gray-600);font-size:.875rem}.info-item span{color:var(--gray-900)}.receipt-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.receipt-footer p{color:var(--gray-600)}.receipt-actions{display:flex;gap:1rem}.print-button,.register-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.print-button{background-color:var(--gray-100);color:var(--gray-700)}.print-button:hover{background-color:var(--gray-200)}.register-button{background-color:var(--primary-color);color:#fff}.register-button:hover{background-color:var(--primary-dark)}.receipt-note{margin-top:2rem;padding:1rem;background-color:var(--info-light);border:1px solid var(--info-color);border-radius:8px;color:var(--info-dark)}@media print{.receipt-container{padding:0;background-color:#fff}.receipt-content{box-shadow:none}.receipt-actions,.receipt-note{display:none}}@media (max-width: 768px){.receipt-container,.receipt-content{padding:1rem}.course-info{flex-direction:column;align-items:center;text-align:center}.receipt-footer{flex-direction:column;gap:1rem;text-align:center}.receipt-actions{flex-direction:column;width:100%}.print-button,.register-button{width:100%;justify-content:center}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);padding:2rem}.not-found-content{text-align:center;background:var(--background-color);padding:3rem 4rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%;position:relative;overflow:hidden;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light))}.not-found-content h1{font-size:8rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;text-shadow:2px 2px 10px rgba(255,107,0,.1)}.not-found-content h2{font-size:2rem;color:var(--secondary-color);margin:1rem 0;font-weight:600}.not-found-content p{color:var(--gray-600);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.not-found-content .ant-btn{height:48px;padding:0 2rem;font-size:1.1rem;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;color:var(--background-color);transition:all .3s ease;box-shadow:0 4px 15px #ff6b0033}.not-found-content .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b004d;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.not-found-content .ant-btn .anticon{font-size:1.2rem}@media (max-width: 768px){.not-found-container{padding:1rem}.not-found-content{padding:2rem}.not-found-content h1{font-size:6rem}.not-found-content h2{font-size:1.5rem}.not-found-content p{font-size:1rem}}@media (max-width: 480px){.not-found-content h1{font-size:4rem}.not-found-content h2{font-size:1.25rem}.not-found-content .ant-btn{width:100%}}:root{--primary-color: #FF6B00;--secondary-color: #000000;--background-color: #FFFFFF;--primary-light: #FF8533;--primary-dark: #CC5500;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success-color: #22C55E;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6}:root{--brand-orange: #FF6B00;--brand-orange-light: #FF8533;--brand-orange-subtle: #fff7ed;--success-primary: #10b981;--success-light: #34d399;--success-dark: #059669;--success-subtle: #ecfdf5;--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--shadow-subtle: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-premium: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px}.payment-success-container{min-height:100vh;background:linear-gradient(135deg,#fafaf9,#f5f5f4);padding:40px 20px;display:flex;justify-content:center;align-items:center}.payment-success-content{background:#fff;border-radius:var(--radius-2xl);padding:48px;max-width:800px;width:100%;box-shadow:var(--shadow-premium);border:1px solid var(--gray-200);position:relative}.success-header{text-align:center;margin-bottom:48px}.success-icon{color:var(--success-primary);font-size:72px;margin-bottom:24px;animation:gentle-entrance 1s ease-out}@keyframes gentle-entrance{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-header h1{color:var(--gray-900);font-size:32px;font-weight:700;margin:0 0 16px;line-height:1.2;letter-spacing:-.025em}.success-header p{color:var(--gray-600);font-size:18px;margin:0;line-height:1.5;font-weight:400}.order-receipt{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:40px;overflow:hidden;box-shadow:var(--shadow-soft)}.receipt-header{background:var(--gray-50);padding:24px 32px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.receipt-header h2{color:var(--gray-900);font-size:20px;font-weight:600;margin:0;letter-spacing:-.025em}.receipt-number{color:var(--gray-500);font-size:14px;font-weight:500;font-family:Courier New,monospace;background:#fff;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.receipt-content{padding:32px}.transaction-details{margin-bottom:32px}.details-table{width:100%;border-collapse:separate;border-spacing:0}.detail-row{border-bottom:1px solid var(--gray-100)}.detail-row:last-child{border-bottom:none}.detail-label{padding:16px 0;color:var(--gray-600);font-size:15px;font-weight:500;width:140px;vertical-align:top}.detail-value{padding:16px 0;color:var(--gray-900);font-size:15px;font-weight:500;text-align:right;vertical-align:top}.status-success{color:var(--success-primary);font-weight:600;position:relative}.status-success:before{content:"•";color:var(--success-primary);margin-right:6px;font-size:18px}.course-summary{background:var(--gray-50);padding:24px;border-radius:var(--radius-md);margin-bottom:24px;border:1px solid var(--gray-100)}.course-item{display:block}.course-info-row{display:flex;justify-content:space-between;align-items:center}.course-name{display:flex;align-items:center;gap:12px;color:var(--gray-900);font-size:16px;font-weight:600}.course-icon-small{color:var(--brand-orange);font-size:18px;flex-shrink:0}.course-status{display:flex;align-items:center}.access-badge{background:var(--success-primary);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.025em;text-transform:uppercase}.payment-total{border-top:2px solid var(--gray-200);padding-top:20px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.total-label{color:var(--gray-900);font-size:18px;font-weight:600;letter-spacing:-.025em}.total-amount{color:var(--gray-900);font-size:24px;font-weight:700;letter-spacing:-.025em;position:relative}.total-amount:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--brand-orange);border-radius:1px;opacity:.3}.success-actions{text-align:center;margin-bottom:40px}.start-course-button{background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-light));color:#fff;border:none;padding:16px 40px;border-radius:var(--radius-xl);font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft);letter-spacing:-.025em}.start-course-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);background:linear-gradient(135deg,var(--brand-orange-light),var(--brand-orange))}.start-course-button:active{transform:translateY(0)}.success-footer{text-align:center;color:var(--gray-500);font-size:14px;line-height:1.5}.success-footer a{color:var(--brand-orange);text-decoration:none;font-weight:500}.success-footer a:hover{text-decoration:underline}.payment-success-error{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#fafaf9,#f5f5f4)}.error-content{text-align:center;background:#fff;padding:48px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-premium);border:1px solid var(--gray-200);max-width:500px}.error-icon{color:#ef4444;font-size:64px;margin-bottom:24px}.error-content h2{color:var(--gray-900);font-size:24px;font-weight:600;margin:0 0 16px;letter-spacing:-.025em}.error-content p{color:var(--gray-600);font-size:16px;margin:0 0 32px;line-height:1.5}.error-button{background:#ef4444;color:#fff;border:none;padding:12px 32px;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-soft)}.error-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-medium)}@media (max-width: 768px){.payment-success-container{padding:20px 12px}.payment-success-content{padding:32px 24px;border-radius:var(--radius-xl)}.success-header{margin-bottom:36px}.success-icon{font-size:64px}.success-header h1{font-size:26px}.success-header p{font-size:16px}.receipt-header{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:12px}.receipt-header h2{font-size:18px}.receipt-number{align-self:flex-end;font-size:13px}.receipt-content{padding:24px}.transaction-details{margin-bottom:24px}.detail-label{font-size:14px;padding:12px 0;width:120px}.detail-value{font-size:14px;padding:12px 0}.course-summary{padding:20px;margin-bottom:20px}.course-info-row{flex-direction:column;align-items:flex-start;gap:12px}.course-name{font-size:15px;gap:10px}.course-icon-small{font-size:16px}.access-badge{font-size:11px;padding:3px 10px}.total-label{font-size:16px}.total-amount{font-size:20px}.start-course-button{width:100%;justify-content:center;padding:16px 32px}.error-content{padding:36px 24px;border-radius:var(--radius-xl)}.error-icon{font-size:56px}.error-content h2{font-size:22px}}.payment-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--background-color) 0%,#f8f9fa 100%)}.payment-error-content{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%;text-align:center;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon-container{margin-bottom:2rem}.error-icon{font-size:4rem;color:var(--error-color);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.payment-error-content h1{color:var(--error-color);font-size:2rem;margin-bottom:1.5rem;font-weight:600}.error-details{margin-bottom:2rem;padding:1rem;background:#ef44441a;border-radius:10px}.error-message{color:var(--gray-700);font-size:1.1rem;line-height:1.5;margin-bottom:.5rem}.error-code{color:var(--error-color);font-size:.9rem;font-family:monospace;background:#ef444433;padding:.5rem 1rem;border-radius:5px;display:inline-block;margin-top:.5rem}.error-suggestions{text-align:left;margin:2rem 0;padding:1.5rem;background:var(--gray-100);border-radius:10px}.error-suggestions h2{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.error-suggestions ul{list-style:none;padding:0;margin:0}.error-suggestions li{color:var(--gray-700);margin-bottom:.8rem;padding-left:1.5rem;position:relative;line-height:1.4}.error-suggestions li:before{content:"•";color:var(--primary-color);position:absolute;left:0;font-weight:700}.error-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.retry-button,.back-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b004d}.back-button{background:var(--gray-100);color:var(--gray-700)}.back-button:hover{background:var(--gray-200);transform:translateY(-2px)}.support-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.support-info p{color:var(--gray-600);font-size:.9rem}.support-info a{color:var(--primary-color);text-decoration:none;font-weight:600}.support-info a:hover{text-decoration:underline}@media (max-width: 768px){.payment-error-container{padding:1rem}.payment-error-content{padding:2rem}.error-actions{flex-direction:column}.retry-button,.back-button{width:100%;justify-content:center}.payment-error-content h1{font-size:1.5rem}.error-icon{font-size:3rem}}.about-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--gray-800)}.about-header{text-align:center;margin-bottom:3rem}.about-header h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.header-line{width:100px;height:4px;background:var(--primary-color);margin:0 auto;border-radius:2px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem}.stat-card{background:var(--background-color);padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.stat-value{font-size:1.8rem;font-weight:700;color:var(--primary-dark);margin-bottom:.5rem}.stat-label{color:var(--gray-600);font-size:1rem}.about-content{margin-bottom:4rem}.about-description{max-width:800px;margin:0 auto;line-height:1.8}.about-description p{margin-bottom:1.5rem;color:var(--gray-700);text-align:justify}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.feature{background:var(--gray-100);padding:2rem;border-radius:12px;transition:all .3s ease}.feature:hover{background:var(--primary-color);color:var(--background-color)}.feature h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.feature:hover h3{color:var(--background-color)}.feature p{color:var(--gray-600);line-height:1.6}.feature:hover p{color:var(--gray-100)}@media (max-width: 768px){.about-container{padding:1rem}.about-header h1{font-size:2rem}.stats-container{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1.5rem}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.feature{padding:1.5rem}}@media (max-width: 480px){.stats-container,.about-features{grid-template-columns:1fr}}.sesimegel-content{padding:40px 20px;background-color:var(--background-color);min-height:calc(100vh - 264px)}.therapist-form-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.therapist-form-header{text-align:center;padding:2rem;border-bottom:1px solid #eee}.therapist-form-header h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:.5rem}.form-subtitle{color:#666;margin-top:.5rem}.therapist-form{padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#333;font-size:1.2rem;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{min-height:100px;resize:vertical}.specialty-input{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.specialty-input input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.specialty-input input:focus{outline:none;border-color:var(--primary-color)}.specialty-input .remove-button{padding:.75rem 1.5rem;height:42px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.add-button{background:var(--primary-color);color:#fff;width:100%;margin-top:1rem;padding:.75rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.add-button:hover{background:var(--primary-light)}.remove-button{background:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease;min-width:80px}.remove-button:hover{background:#ff7875}.form-actions{margin-top:2rem;text-align:center}.submit-button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:200px}.submit-button:hover{background:var(--primary-light)}.submit-button:disabled{background:#ccc;cursor:not-allowed}.message{margin-top:1rem;padding:1rem;border-radius:4px;text-align:center}.success-message{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.error-message{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.form-help-text{display:block;margin-top:.25rem;font-size:.875rem;color:#666}@media (max-width: 768px){.sesimegel-content{padding:20px 10px}.therapist-form-container{border-radius:0}.therapist-form-header{padding:1.5rem}.therapist-form{padding:1rem}.form-row{grid-template-columns:1fr}.submit-button{width:100%}}.nazli-yildiran-therapist-profile{min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0%,var(--gray-100) 100%)}.nazli-yildiran-profile-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:4rem 2rem;color:var(--background-color);position:relative;overflow:hidden}.nazli-yildiran-profile-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/pattern.png) repeat;opacity:.1;z-index:1}.nazli-yildiran-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center;position:relative;z-index:2}.nazli-yildiran-hero-image-container{position:relative}.nazli-yildiran-hero-image{width:100%;max-width:400px;border-radius:20px;box-shadow:0 20px 40px #0003;transition:transform .3s ease}.nazli-yildiran-hero-image:hover{transform:translateY(-10px)}.nazli-yildiran-hero-text h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.nazli-yildiran-hero-text h2{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.nazli-yildiran-hero-quote{font-size:1.2rem;font-style:italic;opacity:.9;padding:1rem;border-left:4px solid var(--background-color);margin-top:2rem;animation:quoteTransition .5s ease-in-out}@keyframes quoteTransition{0%{opacity:0;transform:translateY(10px)}to{opacity:.9;transform:translateY(0)}}.nazli-yildiran-profile-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.nazli-yildiran-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.nazli-yildiran-achievement-card{background:var(--background-color);padding:2rem;border-radius:15px;box-shadow:0 10px 20px #0000000d;transition:all .3s ease;text-align:center}.nazli-yildiran-achievement-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.nazli-yildiran-achievement-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.nazli-yildiran-achievement-card h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:.5rem}.nazli-yildiran-achievement-card p{color:var(--gray-600);font-size:.9rem;line-height:1.5}.nazli-yildiran-biography-section{margin-bottom:4rem}.nazli-yildiran-biography-section h2{color:var(--primary-color);font-size:2rem;margin-bottom:2rem;text-align:center}.nazli-yildiran-biography-content{background:var(--background-color);padding:3rem;border-radius:20px;box-shadow:0 10px 20px #0000000d}.nazli-yildiran-biography-content p{color:var(--gray-700);line-height:1.8;margin-bottom:1.5rem;text-align:justify}.nazli-yildiran-projects-section{margin-bottom:4rem}.nazli-yildiran-projects-section h2{color:var(--primary-color);font-size:2rem;margin-bottom:2rem;text-align:center}.nazli-yildiran-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.nazli-yildiran-project-card{background:var(--background-color);padding:2rem;border-radius:15px;box-shadow:0 10px 20px #0000000d;transition:all .3s ease}.nazli-yildiran-project-card:hover{transform:translateY(-5px);background:var(--primary-color)}.nazli-yildiran-project-card h3{color:var(--primary-color);font-size:1.1rem;line-height:1.4}.nazli-yildiran-project-card:hover h3{color:var(--background-color)}.nazli-yildiran-clinics-section h2{color:var(--primary-color);font-size:2rem;margin-bottom:2rem;text-align:center}.nazli-yildiran-clinics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.nazli-yildiran-clinic-card{background:var(--background-color);padding:2rem;border-radius:15px;box-shadow:0 10px 20px #0000000d;transition:all .3s ease}.nazli-yildiran-clinic-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.nazli-yildiran-clinic-card h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem}.nazli-yildiran-clinic-card p{color:var(--gray-600);line-height:1.6}@media (max-width: 1024px){.nazli-yildiran-hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.nazli-yildiran-hero-image{margin:0 auto}.nazli-yildiran-hero-quote{max-width:600px;margin:2rem auto 0}}@media (max-width: 768px){.nazli-yildiran-profile-hero{padding:2rem 1rem}.nazli-yildiran-hero-text h1{font-size:2rem}.nazli-yildiran-hero-text h2{font-size:1.2rem}.nazli-yildiran-hero-quote{font-size:1rem}.nazli-yildiran-profile-content{padding:2rem 1rem}.nazli-yildiran-achievement-card,.nazli-yildiran-project-card,.nazli-yildiran-clinic-card,.nazli-yildiran-biography-content{padding:1.5rem}}@media (max-width: 480px){.nazli-yildiran-achievements-grid,.nazli-yildiran-projects-grid,.nazli-yildiran-clinics-grid{grid-template-columns:1fr}}.profile-container{padding:2rem;min-height:calc(100vh - 64px);background-color:var(--gray-100)}.profile-card{box-shadow:0 4px 6px #0000001a;border-radius:8px;background-color:var(--background-color)}.profile-card .ant-card-head{background-color:var(--primary-color);border-radius:8px 8px 0 0}.profile-card .ant-card-head-title{color:var(--background-color);font-weight:600}.profile-avatar{display:flex;justify-content:center;margin-bottom:2rem}.profile-avatar .ant-avatar{background-color:var(--primary-light);border:2px solid var(--primary-color)}.profile-form{max-width:500px;margin:0 auto}.profile-form .ant-input[disabled]{background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.profile-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.profile-actions .ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.profile-actions .ant-btn-primary:hover{background-color:var(--primary-light);border-color:var(--primary-light)}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:0}.ant-form-item-label>label{font-weight:500;color:var(--gray-700)}.ant-modal-content{border-radius:8px;background-color:var(--background-color)}.ant-modal-header{border-radius:8px 8px 0 0;background-color:var(--primary-color)!important}.ant-modal-title{color:var(--background-color)!important;font-weight:600}.ant-modal-close{color:var(--background-color)!important}.ant-modal .ant-input-affix-wrapper{border-color:var(--gray-300)}.ant-modal .ant-input-affix-wrapper:hover{border-color:var(--primary-color)}.ant-modal .ant-input-affix-wrapper-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b001a}.modal-buttons .ant-btn:not(.ant-btn-primary){color:var(--gray-700);border-color:var(--gray-300)}.modal-buttons .ant-btn:not(.ant-btn-primary):hover{color:var(--primary-color);border-color:var(--primary-color)}.modal-buttons .ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.modal-buttons .ant-btn-primary:hover{background-color:var(--primary-light);border-color:var(--primary-light)}@media (max-width: 576px){.profile-container{padding:1rem}.modal-buttons{flex-direction:column-reverse}.modal-buttons .ant-btn{width:100%}}.certificates-card{margin-top:1rem}.certificates-card .ant-card-head{background-color:var(--secondary-color);border-radius:8px 8px 0 0}.certificates-list{margin-top:1rem}.certificates-list .ant-list-item{padding:1rem;border-radius:4px;transition:all .3s ease}.certificates-list .ant-list-item:hover{background-color:var(--gray-100)}.certificate-icon{font-size:24px;color:var(--primary-color)}.certificates-list .ant-list-item-meta-title{color:var(--gray-800);font-weight:500}.certificates-list .ant-list-item-meta-description{color:var(--gray-600)}.certificates-list .ant-tag{padding:4px 12px;border-radius:12px;font-weight:500}.certificates-list .ant-empty{margin:2rem 0}.certificates-list .ant-empty-description{color:var(--gray-500)}.profile-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto}@media (min-width: 768px){.profile-grid{grid-template-columns:repeat(2,1fr)}}.profile-section{background-color:var(--background-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.profile-header{background-color:var(--primary-color);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.profile-header h2{color:var(--background-color);margin:0;font-size:1.25rem;font-weight:600}.profile-content{padding:2rem}.profile-avatar svg{background-color:var(--primary-light);color:var(--background-color);padding:1rem;border-radius:50%;border:2px solid var(--primary-color)}.profile-info{max-width:400px;margin:0 auto}.profile-field{margin-bottom:1.5rem}.profile-field label{display:block;color:var(--gray-700);font-weight:500;margin-bottom:.5rem}.profile-field input{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:4px;background-color:var(--gray-100);color:var(--gray-700)}.profile-field input:disabled{opacity:.7;cursor:not-allowed}.profile-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--background-color);border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.profile-button:hover{background-color:var(--primary-light)}.certificates-list{display:flex;flex-direction:column;gap:1rem}.certificate-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;background-color:var(--gray-100);border-radius:8px;align-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.certificate-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.certificate-icon{color:var(--primary-color)}.certificate-details h3{margin:0 0 .5rem;color:var(--gray-800);font-size:1rem}.certificate-details p{margin:0;color:var(--gray-600);font-size:.875rem}.certificate-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.status-verified{color:var(--success-color);display:flex;align-items:center;gap:.25rem}.status-unverified{color:var(--warning-color);display:flex;align-items:center;gap:.25rem}.empty-state{text-align:center;padding:3rem 0;color:var(--gray-500)}.empty-state svg{margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-color);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{background-color:var(--primary-color);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.modal-header h3{color:var(--background-color);margin:0;font-size:1.25rem}.modal-close{background:none;border:none;color:var(--background-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--gray-700);font-weight:500;margin-bottom:.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:var(--gray-500)}.input-with-icon input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--gray-300);border-radius:4px;transition:border-color .2s}.input-with-icon input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b001a}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.5rem;display:block}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-actions button{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.modal-actions button:not(.primary){background-color:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-700)}.modal-actions button:not(.primary):hover{background-color:var(--gray-200)}.modal-actions .primary{background-color:var(--primary-color);border:none;color:var(--background-color)}.modal-actions .primary:hover{background-color:var(--primary-light)}.modal-actions button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 576px){.profile-content{padding:1rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.certificate-item{grid-template-columns:1fr;text-align:center}.certificate-icon{margin:0 auto}.certificate-status{justify-content:center;margin-top:1rem}}.certificate-modal .modal-body{padding:0;background-color:var(--gray-100)}.survey-required-button{background-color:var(--warning-color)!important;border-color:var(--warning-color)!important;color:#fff!important}.survey-required-button:hover{background-color:#e59500!important;border-color:#e59500!important;color:#fff!important}.survey-warning{background:linear-gradient(135deg,#fef3c7,#f59e0b 2%,#fef3c7);border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.survey-warning .warning-icon{color:#f59e0b;font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.survey-warning .warning-content p{margin:0;color:#92400e;line-height:1.5}.survey-warning .warning-content p:first-child{margin-bottom:.5rem}.survey-warning .warning-content p strong{color:#78350f}.certificate-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1.5rem}.certificate-modal-content{width:100%;max-width:1020px;height:721px;position:relative}.certificate-close-button{position:absolute;top:-4rem;right:-5rem;background:none;border:none;font-size:2rem;color:red;cursor:pointer;z-index:1}.certificate-container{width:1020px;height:721px;position:relative;background-color:transparent;border-radius:8px;overflow:hidden;margin:0 auto}.certificate-background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:721px;margin:0 auto;background-color:transparent}.certificate-content{position:absolute;top:0;left:0;right:0;bottom:0;height:721px;display:flex;flex-direction:column;align-items:center;padding-top:19%;text-align:center;background-image:url(/assets/certificateTemplate-CmyX1xQC.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-color:transparent}.certificate-number{position:absolute;bottom:.5%;left:1%;font-size:clamp(.6rem,1vw,.8rem);color:#666;font-style:italic}.certificate-holder-name{font-family:"Source Sans 3",sans-serif;font-size:clamp(1.8rem,3.5vw,3.5rem);color:#d4af37;text-transform:uppercase;text-align:center;margin-bottom:2%;font-weight:600;letter-spacing:1px;width:100%!important;display:flex;justify-content:flex-start;padding:0 10%}.certificate-holder-name-text{width:100%!important;text-align:center;margin-left:29%;font-family:"Noto Serif Display",serif}.certificate-date{font-size:clamp(.8rem,1.2vw,1rem);color:#666;font-weight:400;width:100%!important;display:flex;justify-content:flex-end}.certificate-date-text{font-size:clamp(.8rem,1.2vw,1rem);color:#666;font-weight:400;width:100%!important;text-align:right;margin-right:6.5%}.certificate-course-name{font-size:clamp(.8rem,1.2vw,1rem);color:#000;text-align:right;line-height:2;margin-bottom:3%;font-weight:700;letter-spacing:1px;margin-left:26%;width:100%!important;display:flex;justify-content:flex-end}.certificate-course-name-text{width:100%!important;text-align:right;margin-right:19.5%;white-space:pre-line;font-family:Tinos,serif;font-size:clamp(1rem,1.5vw,1.3rem)}.certificate-text{font-size:clamp(.8rem,1.2vw,1rem);color:#333;font-weight:400;font-style:italic;margin-top:1%;position:relative;z-index:2;margin-left:33%}.download-button{position:absolute;bottom:-4rem;left:50%;transform:translate(-50%);padding:clamp(.6rem,1vw,.8rem) clamp(1.5rem,2vw,2rem);background:#0f2027;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.8rem}@media print{.certificate-modal{padding:0;background:none}.certificate-close-button,.download-button{display:none!important}}@media screen and (max-width: 768px){.certificate-holder-name{font-size:clamp(1.4rem,2vw,1.8rem);padding:0 6%}.certificate-date{margin-left:50%}.certificate-course-name,.certificate-text{margin-left:25%}.certificate-number{left:1%}.certificate-date-text{margin-right:3.9%;font-size:clamp(.6rem,.8vw,.8rem)}.certificate-course-name{margin-left:15.6%}.certificate-course-name-text{margin-right:11.7%;font-size:clamp(.6rem,.8vw,.8rem);line-height:1.6}}@media screen and (max-width: 480px){.certificate-holder-name{font-size:clamp(1.2rem,1.8vw,1.6rem);padding:0 4%}.certificate-date{margin-left:50%}.certificate-course-name,.certificate-text{margin-left:20%}.certificate-number{left:0%}.certificate-date-text{margin-right:2.6%;font-size:clamp(.5rem,.7vw,.7rem)}.certificate-course-name{margin-left:10.4%}.certificate-course-name-text{margin-right:calc(19.5% * .4);font-size:clamp(.5rem,.7vw,.7rem);line-height:1.4}}@media screen and (max-width: 1020px){.certificate-date,.certificate-date-text,.certificate-course-name,.certificate-course-name-text{width:100%!important}.certificate-date-text{margin-right:5.2%;font-size:clamp(.7rem,1vw,.9rem)}.certificate-course-name{margin-left:20.8%}.certificate-course-name-text{margin-right:calc(19.5% * .8);font-size:clamp(.7rem,1vw,.9rem);line-height:1.8}.certificate-container,.certificate-modal-content,.certificate-background,.certificate-content{width:100%;height:auto;aspect-ratio:1020/721}.certificate-holder-name{font-size:clamp(1.6rem,2.2vw,2rem);padding:0 8%}}