*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:#2b3a3d;background-color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color .2s}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#efe9d1}::-webkit-scrollbar-thumb{background:#dfbd26;border-radius:6px;border:3px solid #EFE9D1}::-webkit-scrollbar-thumb:hover{background:#cdad1e}.vco-layout{min-height:100vh;display:flex;flex-direction:column;position:relative;color:#2b3a3d;overflow:hidden}.vco-layout:before{content:"";position:fixed;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);background-image:linear-gradient(180deg,#dfbd2600,#dfbd2691),url(/Hero.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}.vco-header{background-color:#dfbd26;color:#2b3a3d;padding:.75rem 0;box-shadow:0 4px 15px #00000026;position:sticky;top:0;z-index:100;border-bottom:2px solid rgb(216.084939759,182.228313253,31.865060241)}.vco-header-content{display:flex;justify-content:space-between;align-items:center}.vco-logo{display:flex;align-items:center}.vco-logo-img{height:48px;width:auto;display:block}.lang-dropdown{position:relative;z-index:1000}.lang-dropdown-btn{display:flex;align-items:center;gap:.75rem;color:#fff;background:#ffffff1a;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.lang-dropdown-btn:hover{background:#ffffff26;border-color:#fff6}.lang-dropdown-btn .lang-info{display:flex;align-items:center;gap:.5rem}.lang-dropdown-btn .lang-flag{display:flex;align-items:center;border-radius:2px;overflow:hidden;box-shadow:0 1px 3px #0003;border:1px solid rgba(255,255,255,.1);width:20px;height:14px}.lang-dropdown-btn .lang-flag img{width:100%;height:100%;object-fit:cover;display:block}.lang-dropdown-btn .chevron{transition:transform .2s ease;opacity:.7}.lang-dropdown-btn .chevron.rotated{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:dropdownIn .2s ease-out}.lang-dropdown .lang-option{width:100%;display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.75rem 1rem;color:#444;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.lang-dropdown .lang-option:hover{background:#f8f9fa;color:#2b3a3d}.lang-dropdown .lang-option.active{color:#2b3a3d;background:#dfbd261a}.lang-dropdown .lang-option .lang-flag{display:flex;align-items:center;border-radius:2px;overflow:hidden;box-shadow:0 1px 2px #0000001a;width:20px;height:14px;border:1px solid rgba(0,0,0,.05)}.lang-dropdown .lang-option .lang-flag img{width:100%;height:100%;object-fit:cover;display:block}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vco-main{flex-grow:1;padding:2rem 0;background-color:transparent}.vco-footer{background-color:#000;padding:1.5rem 0;color:#dfbd26;border-top:none}.vco-footer-content{display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.vco-footer-content{flex-direction:column;gap:1rem;text-align:center}}.footer-spacer{flex:1}@media(max-width:768px){.footer-spacer{display:none}}.footer-copyright{flex:1;text-align:center;font-size:.75rem;font-weight:600;margin:0}.footer-legal-links{flex:1;display:flex;justify-content:flex-end;gap:.5rem;align-items:center;font-size:.75rem;font-weight:700}@media(max-width:768px){.footer-legal-links{justify-content:center}}.footer-link-legal{color:inherit;text-decoration:none;transition:opacity .2s}.footer-link-legal:hover{opacity:.8}.footer-link-sep{color:#dfbd2680}.vco-hero{margin:4rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.vco-hero .vco-hero-logo{height:100px;width:auto;margin-bottom:2rem;display:block}.vco-hero .vco-title,.vco-hero .vco-subtitle{max-width:800px}.option-logo-small{height:48px;width:auto;object-fit:contain}.vco-home-content{padding-bottom:4rem}.vco-title{font-size:2.5rem;color:#fff;margin-bottom:.5rem;font-weight:700}@media(max-width:768px){.vco-title{font-size:2rem}}.vco-subtitle{font-size:1.1rem;color:#ffffffe6;font-weight:300}.vco-search-options{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:0 auto}.vco-option-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:inherit;box-shadow:0 4px 15px #0000000d;border:1px solid #B7C0AF;transition:all .3s ease}.vco-option-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a;border-color:#dfbd26}.vco-option-card .option-icon{background-color:#efe9d1;color:#2b3a3d;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #B7C0AF}.vco-option-card .option-content{flex-grow:1}.vco-option-card .option-content h3{font-size:1.25rem;margin-bottom:.25rem;color:#2b3a3d}.vco-option-card .option-content p{font-size:.9rem;color:#79714d;margin:0}.vco-option-card .arrow-icon{color:#dfbd26;opacity:.7}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;font-weight:600;font-size:.95rem;padding:.5rem 0;margin-bottom:2rem;cursor:pointer;transition:all .2s;opacity:.8;align-self:flex-start}.back-button:hover{opacity:1;transform:translate(-5px)}.vco-search-page{max-width:500px;margin:0 auto}.search-header{text-align:center;margin-bottom:2rem}.vco-search-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 15px #0000000d;border:1px solid #B7C0AF}@media(max-width:768px){.vco-search-form{padding:1.5rem}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2b3a3d}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#79714d}.input-with-icon input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:8px;border:1px solid #B7C0AF;font-size:1.1rem;color:#2b3a3d;background-color:#fff;transition:all .2s}.input-with-icon input:focus{outline:none;border-color:#dfbd26;box-shadow:0 0 0 3px #cf993533}.search-tip{display:flex;gap:.75rem;background-color:#efe9d1;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.85rem;color:#79714d;border:1px solid #B7C0AF;align-items:center}.search-tip p{margin:0}.search-tip .tip-icon{flex-shrink:0}.search-tip.warning{color:#642d1d;border-color:#642d1d;background-color:#642d1d0d}.btn-block{width:100%}.search-submit{padding:1rem;font-size:1.1rem;border-radius:8px;background-color:#2b3a3d;color:#fff;font-weight:700}.search-submit:hover:not(:disabled){background-color:#445c61}.search-submit:disabled{opacity:.5;cursor:not-allowed}.recaptcha-container{display:flex;justify-content:center;margin-bottom:1.5rem;overflow:visible}.recaptcha-container>div{transform:scale(1.1);transform-origin:center}@media(max-width:768px){.recaptcha-container>div{transform:scale(.9)}}.vco-result-page{max-width:600px;margin:0 auto}.timestamp-strip{text-align:center;font-size:.8rem;background:#efe9d1;padding:.5rem;border-radius:4px;margin-bottom:1.5rem;color:#79714d;opacity:.8;border-bottom:1px solid #B7C0AF}.certificant-header{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border:1px solid #B7C0AF}@media(max-width:768px){.certificant-header{flex-direction:column;text-align:center;gap:1.5rem}}.profile-main{display:flex;align-items:center;gap:1rem}@media(max-width:768px){.profile-main{flex-direction:column}}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #dfbd26}.profile-info h1{margin:0;font-size:1.5rem;color:#2b3a3d}.profile-info .ccoid-display{margin:0;color:#79714d;font-weight:600}.status-stamp{display:flex;flex-direction:column;align-items:center;color:#2b3a3d;font-weight:800;font-size:.75rem}.status-stamp .stamp-icon{margin-bottom:2px}.section-subtitle{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #dfbd26;display:inline-block;color:#2b3a3d}.designation-grid{display:grid;gap:1rem}.designation-card{background:#fff;padding:1.25rem;border-radius:8px;border-left:5px solid #dfbd26;box-shadow:0 4px 15px #0000000d;border-right:1px solid #B7C0AF;border-top:1px solid #B7C0AF;border-bottom:1px solid #B7C0AF}.designation-card .card-top{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.designation-card .badge-img{width:50px;height:50px}.designation-card .designation-label{margin:0;font-size:1rem;color:#2b3a3d}.designation-card .designation-code{font-size:.8rem;background:#efe9d1;padding:2px 6px;border-radius:4px;color:#79714d}.card-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:.75rem;border-top:1px solid #B7C0AF}.card-dates .date-item{display:flex;flex-direction:column}.card-dates .date-item .date-label{font-size:.7rem;text-transform:uppercase;color:#79714d}.card-dates .date-item .date-value{font-weight:700;color:#2b3a3d}.card-dates .date-item.highlight .date-value{color:#642d1d}#details{background-color:#ecd87f;background-image:url(https://www.verifycco.org/images/logo-cco-trans-large.png),linear-gradient(#dfbd26,#fff);background-repeat:no-repeat;background-position:right;background-size:contain;border-radius:10px;box-shadow:0 10px 30px #0000000d;padding:20px;margin-bottom:20px;color:#404040}#details .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;align-items:center}#details .col-5{flex:0 0 41.666667%;max-width:41.666667%;padding-right:15px;padding-left:15px}#details .col-7{flex:0 0 58.333333%;max-width:58.333333%;padding-right:15px;padding-left:15px}#details .col-12{flex:0 0 100%;max-width:100%;padding-right:15px;padding-left:15px}#details .cco_img{background-color:#efece8;border:8px solid #fafafb;border-radius:30px;height:145px;min-width:145px;overflow:hidden;position:relative;width:145px}#details .cco_img img{width:100%;height:100%;object-fit:cover}#details .cco_card{height:145px;text-align:center;background-image:url(https://www.verifycco.org/images/cco-logo-black.png);background-repeat:no-repeat;background-position:right 10px top 0;background-size:80px;display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px;font-weight:700;line-height:1.2}#details .cco_card .card-header-text{font-size:1.1rem;text-align:left;padding-left:0}#details .cco_footer_data{margin-top:15px;font-size:1.2rem}#details .cco_footer_data #MainContent_lblName{text-transform:uppercase}.credentials-list-container{margin-top:2rem;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #B7C0AF;box-shadow:0 4px 15px #0000000d}.credentials-list-container .creds-title{font-size:1.1rem;margin-bottom:1.25rem;border-bottom:2px solid #dfbd26;padding-bottom:.5rem;color:#2b3a3d;display:inline-block}.credentials-list-container .creds-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:1024px){.credentials-list-container .creds-list{grid-template-columns:repeat(3,1fr)}}.credentials-list-container .cred-item{display:flex;align-items:center;gap:10px;font-weight:600;color:#2b3a3d;font-size:.95rem}.credentials-list-container .cred-item .cred-icon{color:#dfbd26;flex-shrink:0}.result-msg-container{max-width:500px;padding:2rem 1rem;margin:0 auto}.msg-card{background:#fff;padding:2.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px #0000000d;border-top:6px solid #642D1D;border-left:1px solid #B7C0AF;border-right:1px solid #B7C0AF;border-bottom:1px solid #B7C0AF}.msg-card.warning{border-top-color:#dfbd26}.msg-card .msg-icon{color:#642d1d;margin-bottom:1.5rem}.msg-card .divider{margin:1.5rem 0;height:1px;background:#b7c0af}.msg-card .contact-info{font-size:.9rem;color:#79714d}.msg-card .reason{background:#efe9d1;padding:1rem;border-radius:8px;color:#642d1d;margin:1rem 0;font-weight:600;border:1px solid #B7C0AF;text-align:left}.unavailable-header{display:flex;align-items:center;gap:1rem;text-align:left;margin-bottom:1rem}.unavailable-header h3{margin:0;font-size:1.25rem;color:#2b3a3d}.unavailable-header p{margin:0;font-size:.9rem;color:#79714d}.avail-photo{width:60px;height:60px;border-radius:50%;object-fit:cover}.placeholder-photo-red{width:60px;height:60px;border-radius:50%;background:#efe9d1;color:#642d1d;display:flex;align-items:center;justify-content:center;border:2px solid #642D1D}.skeleton-loader{background:linear-gradient(90deg,#b7c0af33 25%,#b7c0af66 37%,#b7c0af33 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;display:inline-block;vertical-align:middle}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}.back-button-skeleton{margin-bottom:2rem}.placeholder-photo-red{background-color:#642d1d1a;color:#642d1d;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;transition:all .2s}.btn-primary{background-color:#2b3a3d;color:#fff}.btn-primary:hover{background-color:#445c61}.btn-accent{background-color:#dfbd26;color:#2b3a3d}.btn-accent:hover{background-color:#cdad1e}
