@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700;900&display=swap";:root{--cyan: #4bd5f5;--dark: #0f1112;--white: #ffffff;--bg: #111;--text: #333;--particle-color: #0f0}*{margin:0;padding:0;box-sizing:border-box;font-family:Public Sans,sans-serif}body{background-color:var(--bg);min-height:100vh;width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden}.viewport{width:100%;max-width:1200px;padding:60px 20px;display:flex;justify-content:center;align-items:center}.cards-container{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center;width:100%}.id-card{width:350px;height:560px;background:var(--white);border-radius:25px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}@media (max-width: 800px){.viewport{padding:40px 15px}.cards-container{flex-direction:column;gap:40px}.id-card{width:100%;max-width:350px;margin:0 auto}}@media (max-width: 380px){.id-card{width:92vw;height:540px}.user-name{font-size:24px}}.bg-pattern-top{position:absolute;top:0;left:0;width:100%;height:200px;z-index:1}.shape-black{position:absolute;top:0;left:0;width:100%;height:80px;background:var(--dark);clip-path:polygon(0 0,75% 0,45% 100%,0 100%);z-index:2}.shape-cyan-1{position:absolute;top:0;right:0;width:250px;height:140px;background:var(--cyan);clip-path:polygon(40% 0,100% 0,100% 80%,0 55%);z-index:1}.shape-cyan-2{position:absolute;top:0;right:0;width:180px;height:160px;background:#5ae0ff;clip-path:polygon(100% 0,100% 100%,0 25%);z-index:3;filter:drop-shadow(-5px 5px 10px rgba(0,0,0,.1))}.shape-cyan-3{position:absolute;top:30px;right:70px;width:100px;height:100px;background:#3acae8;clip-path:polygon(0 0,100% 40%,30% 100%);z-index:2}.back .bg-pattern-top{background:var(--cyan);clip-path:polygon(0 0,100% 0,100% 25%,0 85%)}.bg-pattern-bottom{position:absolute;bottom:0;left:0;width:100%;height:130px;z-index:1}.front .bg-pattern-bottom{background:var(--dark);clip-path:polygon(0 100%,0 35%,35% 100%,100% 100%)}.back .bg-pattern-bottom{background:var(--cyan);clip-path:polygon(100% 100%,0 100%,0 85%,100% 20%)}.card-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;padding:25px}.card-header{height:80px;display:flex;align-items:center;justify-content:space-between;width:100%}.card-header.center{justify-content:center;height:80px}.brand{display:flex;align-items:center;gap:10px;transform:translateY(-20px);margin-left:-19px}.brand.vertical{flex-direction:column;text-align:center}.logo-img{object-fit:contain}.front-logo{width:65px;height:65px}.secondary-logo{width:50px;height:50px}.header-right{display:flex;align-items:center;justify-content:flex-end}.partners-section{text-align:center;width:100%;margin-top:10px}.partners-title{font-size:10px;font-weight:900;color:var(--black);letter-spacing:2px;margin-bottom:12px}.logo-grid{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.partner-logo{width:35px;height:35px;object-fit:contain;opacity:.9;filter:grayscale(1);transition:filter .3s,opacity .3s}.partner-logo:hover{filter:grayscale(0);opacity:1}.brand-name{display:flex;font-size:20px;font-weight:900;letter-spacing:1px;color:silver}.brand-tagline{font-size:7.5px;font-weight:700;color:silver}.profile-area{padding:5px 0;display:flex;justify-content:center}.hexagon-wrap{width:140px;height:160px;background:var(--cyan);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center}.hexagon-inner{width:125px;height:145px;background:#fff;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.profile-img{width:100%;height:100%;object-fit:cover}.identity-area{text-align:center;margin-top:5px}.name-block{position:relative;display:inline-block;padding:0 10px;margin-bottom:5px}.user-name{font-size:28px;font-weight:900;color:var(--dark);line-height:1.1}.user-designation{font-size:15px;font-weight:700;color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-top:5px}.data-area{margin-top:5px}.data-row{display:flex;font-size:13px;margin-bottom:4px;color:var(--text)}.label{width:70px;font-weight:800;color:#000}.label.wide{width:90px}.sep{width:12px;font-weight:800}.data-value{font-weight:700}.social-links{display:flex;gap:10px;margin-top:10px;justify-content:center;z-index:50}.social-btn{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--dark);font-size:15px;box-shadow:0 4px 10px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.social-btn:hover{background:var(--dark);color:var(--white);transform:scale(1.1) translateY(-3px)}.card-footer{display:flex;align-items:flex-end;margin-top:auto;z-index:60}.footer-note{font-size:10.5px;font-weight:800;color:#555;text-align:center;width:100%;margin-bottom:15px;letter-spacing:.4px}.qr-img{width:140px;height:140px;display:block}.qr-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin:15px 0;width:100%}.qr-instruction{font-size:10px;font-weight:900;color:var(--dark);text-transform:uppercase;letter-spacing:.5px}.back-footer{flex-direction:column;align-items:center!important;height:auto!important}.particle{position:fixed;width:4px;height:4px;background:var(--particle-color);pointer-events:none;z-index:9999}.particle.pixel{animation:animateParticles 2s linear forwards}@keyframes animateParticles{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--x),var(--y))}}.id-card.back{background:var(--white);border:2px solid var(--dark)}.id-card.back .qr-instruction,.id-card.back .sig-label{color:var(--dark)}.id-card.back .sig-line{background:var(--dark)}.terms-area{padding:10px 15px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.terms-title{font-size:18px;font-weight:900;color:var(--Black);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;text-align:center}.terms-list{list-style:none;display:flex;flex-direction:column;gap:8px}.terms-list li{font-size:13px;color:#333;line-height:1.3;position:relative;padding-left:20px;font-weight:700}.terms-list li:before{content:"❯";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900;font-size:12px}.signature-wrap{text-align:center;width:100%}.sig-line{width:180px;height:1.5px;background:#333;margin:0 auto 5px}.sig-label{font-size:10px;font-weight:900}.desktop-notice{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#000000e6;color:#fff;padding:12px 24px;border-radius:50px;font-weight:700;font-size:14px;z-index:10000;transition:all .5s cubic-bezier(.175,.885,.32,1.275);opacity:0;box-shadow:0 10px 30px #0000004d;border:1px solid var(--cyan)}.desktop-notice.show{transform:translate(-50%) translateY(0);opacity:1}