body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{background:#000;color:#fff;font-family:sans-serif}.intro-container{align-items:center;background:radial-gradient(circle at top,#0b1e3a,#000);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:auto;padding-top:5%;text-align:center}.intro-text{color:#cbd5e1;font-size:18px}.intro-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f4ff5f,#0f0);-webkit-background-clip:text;font-size:64px;font-weight:800;margin:10px 0}.role{color:#fff;font-size:26px;margin-bottom:20px}.description{color:#a5b4fc;line-height:1.6;margin-bottom:50px;max-width:600px}.stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 15px #0003;padding:25px 40px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px #60a5fa4d;transform:translateY(-5px)}.stat-card h3{color:#93c5fd;font-size:28px}.stat-card p{color:#d1d5db;font-size:14px;margin-top:5px}.certificate{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 22px;transform:translateY(16px);transition:all .3s ease}.certificate:hover{background:#fff3;box-shadow:0 0 15px #0096ff80;transform:translateY(16px) scale(1.05)}.certificate a{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.about-me{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #00f3;color:#fff;line-height:1.8;margin:60px auto;max-width:900px;padding:40px;text-align:left}.about-me h2{color:#66b3ff;font-size:28px;margin-bottom:20px;text-align:center}.about-me p{color:#cbd5e1;font-size:16px;margin-bottom:20px}h1{color:#fff;margin-bottom:30px;margin-top:30px;text-align:center}.process-container{grid-gap:16px;grid-row-gap:30px;align-items:start;background:radial-gradient(circle at top,#0d0f1a,#000);display:grid;gap:16px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:40px 60px;row-gap:30px}.process-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:18px;color:#fff;display:flex;flex-direction:column;height:260px;justify-content:space-between;padding:25px;text-align:center;transition:all .3s ease;width:300px}.process-box:hover{background:#ffffff1a;box-shadow:0 0 25px #6464ff66;transform:scale(1.03)}.process-box h3{color:#ff7fec;font-size:20px;margin-bottom:15px}.process-box p{color:#cbd5e1;flex-grow:1;font-size:14px;line-height:1.4;text-align:justify}.imageSlide,.ocrText,.viewCode{display:flex;gap:8px;justify-content:flex-end}.viewCode{display:flex;gap:12px;justify-content:center;margin-top:10px}.viewCode button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;cursor:pointer;padding:8px 16px;transition:.3s ease}.viewCode button:hover{background:#ffffff40;transform:scale(1.05)}.viewCode a{color:#fff;font-weight:500;text-decoration:none}@media (max-width:900px){.process-container{grid-template-columns:repeat(2,1fr);padding:30px 20px}.process-box{height:auto;width:100%}}@media (max-width:600px){.process-container{grid-template-columns:1fr;padding:20px}.process-box{height:auto;width:100%}}.container{margin:60px auto;max-width:1000px;padding:20px}.container h1{color:#fff;margin-bottom:40px;text-align:center}.skills-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.box{background-color:#2c2f38;border-radius:15px;box-shadow:0 4px 8px #0000004d;flex:1 1;min-width:280px;padding:20px;text-align:center}.box h3{color:#f0c987;margin-bottom:15px}.tools-box h3{color:#f0c987;margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag{background:#cecece0f;border-radius:20px;color:#d1d5db;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px}.tools-box{background-color:#2c2f38;border-radius:15px;box-shadow:0 4px 8px #0000004d;margin-top:30px;padding:20px;text-align:center}.glass-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;color:#d1d5db;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .3s ease}.glass-btn:hover{background:#fff3;box-shadow:0 0 8px #ffdca066;transform:scale(1.05)}.contact-section{background:linear-gradient(135deg,#0d0f1a,#000);color:#fff;display:flex;justify-content:center;padding:80px 100px}.contact-container{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:1fr 1fr;max-width:1100px;width:100%}.contact-left{display:flex;flex-direction:column;gap:20px}.contact-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7b5fff,#00d4ff);-webkit-background-clip:text;font-size:2rem}.contact-left p{color:#cbd5e1;text-align:justify}.contact-left p a{color:#9ad0ff;font-size:16px;text-decoration:none}.contact-info{align-items:center;display:flex;gap:30px;justify-content:space-between;margin-top:10px}.contact-info p{color:#fff;font-size:16px;margin:0}.contact-info a{color:#a5d7ff;text-decoration:none;transition:.3s}.contact-info a:hover{color:#fff;text-decoration:underline}.contact-info i{color:#0af;margin-right:8px}.contact-left i{font-size:20px}.contact-left p a:hover{text-decoration:underline}.resume-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-top:15px;padding:10px 18px;transition:.3s ease}.resume-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.resume-btn a{color:#fff;display:block;font-weight:500;text-decoration:none}.footer-social{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.footer-name{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px}.footer-social p{color:#cbd5e1}.social-links a{color:#fff;font-size:26px;margin-left:15px;transition:transform .3s ease,color .3s ease}.social-links i{font-size:25px}.social-links a:hover{color:#0af;transform:scale(1.2)}.contact-form{align-items:center;display:flex;flex-direction:column}.contact-form input,.contact-form textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;margin-bottom:15px;outline:none;padding:12px;resize:none;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.send-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 20px;transition:.3s ease}.send-btn:hover{background:#ffffff40;transform:scale(1.05)}.contact-right p{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffd9;font-size:1rem;letter-spacing:.5px;margin-bottom:20px;padding:10px 15px;text-align:center}.footer{background:#0000;color:#fff;padding:20px 0;text-align:center}.footer-line{border:none;border-top:1px solid #fff3;margin:0 auto 10px;width:90%}.footer-content{align-items:center;display:flex;justify-content:center}.footer-right{color:#ffffffd9;font-size:16px;font-weight:500;letter-spacing:.3px}@media (max-width:900px){.skills-row{justify-content:center}.box{min-width:45%}.contact-container{grid-template-columns:1fr}}@media (max-width:600px){.container{padding:10px}.skills-row{flex-direction:column}.box{min-width:100%;width:100%}.contact-section{padding:40px 20px}.contact-container{display:flex;flex-direction:column}.contact-right{order:2}.contact-left{order:1}.contact-info{text-align:center}.contact-info,.footer-social{flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.b5d50cf1.css.map*/