@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{font-family:Inter,sans-serif}:root{--primary-blue: #0066ff;--bg-white: #ffffff;--text-dark: #000000;--text-gray: #555555;--border-light: #eeeeee}.mainui{display:flex;align-items:center;justify-content:center;background-color:#fafafa;padding-top:20px}.parent{margin-top:20px;display:grid;width:60%;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:12px}.parent>div{border-radius:16px;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;height:fit-content}.div1{grid-column:span 5 / span 5;grid-row-start:1}.div2{grid-column:span 3 / span 3;grid-row-start:2}.div4{grid-column:span 2 / span 2;grid-column-start:4;grid-row-start:2}.div5{grid-column:span 3 / span 3;grid-column-start:1;grid-row-start:3}.div6{grid-column:span 2 / span 2;grid-column-start:4;grid-row-start:3}.div7{grid-column:span 2 / span 2;grid-column-start:4;grid-row-start:4}.div8{grid-column:span 3 / span 3;grid-row-start:4}.div9{grid-column:span 2 / span 2;grid-column-start:4;grid-row-start:5}.profile-container{display:flex;font-family:Inter,-apple-system,sans-serif;padding:24px;background:var(--bg-white);border-radius:12px;gap:24px;max-width:900px}.profile-image{width:150px;height:150px;border-radius:20px;object-fit:cover;background-color:#f0f0f0}.profile-content{flex:1}.profile-top-row{display:flex;justify-content:space-between;align-items:flex-start}.profile-name{margin:0;font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:8px}.verify-badge{color:var(--primary-blue);font-size:.8rem}.profile-location{color:var(--text-gray);margin:4px 0;font-weight:500}.profile-title{font-size:.9rem;font-weight:500;margin:16px 0 24px}.bluetick{width:auto;margin-top:4px;height:25px}.profile-actions{display:flex;align-items:center;gap:16px}.action-group{display:flex;background:#000;border-radius:8px;overflow:hidden}.btn-email{background:#000;color:#fff;border:none;padding:8px 13px;font-weight:600;cursor:pointer}.btn-copy{background:#000;color:#fff;border:none;border-left:1px solid #333;padding:10px 12px;cursor:pointer}.linkedin-link{text-decoration:none;color:#000;font-weight:700;display:flex;align-items:center;gap:8px}.focus-areas-container{display:flex;margin-left:auto;background:var(--primary-blue);border-radius:10px;overflow:hidden}.focus-main{background:transparent;color:#fff;border:none;padding:10px 16px;font-weight:600;display:flex;align-items:center;gap:8px}.focus-chevron{background:transparent;color:#fff;border:none;border-left:1px solid rgba(255,255,255,.3);padding:0 10px}.dark-mode-toggle{display:flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-blue)}input:checked+.slider:before{transform:translate(22px)}.toggle-label{font-size:.9rem;font-weight:600}.about-card{font-family:Inter,sans-serif;background-color:#fff;border-radius:16px;padding:32px;max-width:700px;color:#1a1a1a;box-shadow:0 1px 3px #0000000d}.about-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.about-header h2{font-size:24px;font-weight:700;margin:0}.about-icon{color:#1a1a1a}.about-content p{font-size:16px;line-height:1.6;color:#333;margin-bottom:20px;letter-spacing:-.01em}.about-content p:last-child{margin-bottom:0}@media(max-width:600px){.about-card{padding:20px}}.exp-card{background:#fff;padding:24px;border-radius:20px;font-family:Inter,sans-serif;max-width:450px}.exp-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.exp-header h2{font-size:22px;font-weight:700;margin:0}.timeline-dot.active{background:#000;border-color:#000}.text-group h3{font-size:18px;font-weight:600;margin:0 0 6px;color:#000}.company{font-size:15px;color:#666;margin:0;line-height:1.4;max-width:250px}.year{font-size:15px;color:#999;font-weight:400}.tech-card{background:#fff;padding:24px;border-radius:20px;font-family:Inter,sans-serif;box-shadow:0 1px 2px #0000000d}.tech-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.view-all{display:flex;align-items:center;background:none;border:none;color:#666;font-size:14px;cursor:pointer;gap:2px}.tech-group h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:20px 0 12px}.tags-container{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #f0f0f0;border-radius:50px;background-color:#fcfcfc;transition:all .2s ease}.tech-tag:hover{background-color:#f3f3f3;border-color:#e0e0e0}.tech-tag img{width:16px;height:16px;object-fit:contain}.tech-tag span{font-size:14px;font-weight:500;color:#333}.tech-tag img{width:16px;height:16px;object-fit:contain;filter:brightness(0) saturate(100%)}.edu-card{background:#fff;padding:24px;border-radius:20px;font-family:Inter,sans-serif}.edu-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.edu-header h2{font-size:22px;font-weight:700;margin:0}.timeline-container{margin-left:10px;border-left:1px solid #e5e7eb;padding-left:25px;display:flex;flex-direction:column;gap:32px}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-31px;top:6px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #e5e7eb}.timeline-content{display:flex;justify-content:space-between;align-items:flex-start}.text-group h3{font-size:18px;font-weight:600;margin:0 0 6px;color:#000;line-height:1.2}.school{font-size:15px;color:#666;margin:0;max-width:280px}.year{font-size:15px;color:#999}.timeline-item:last-child:after{content:"";position:absolute;left:-26px;top:15px;width:2px;height:100%;background:#fff}.cert-card{background:#fff;padding:24px;border-radius:24px}.cert-header{display:flex;justify-content:space-between;margin-bottom:20px}.cert-list{display:flex;flex-direction:column;gap:12px}.cert-item{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #f3f4f6;border-radius:16px;transition:background .2s}.cert-item:hover{background:#f9fafb}.cert-icon{color:#666}.cert-info h3{font-size:16px;font-weight:600;margin:0}.cert-info p{font-size:14px;color:#666;margin:2px 0 0}.projects-card{background:#fff;padding:24px;border-radius:24px;font-family:Inter,sans-serif}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left{display:flex;align-items:center;gap:8px}.header-left h2{font-size:20px;font-weight:700;margin:0}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-item{padding:20px;border:1px solid #f3f4f6;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease}.project-item:hover{background:#fcfcfc}.project-item h3{font-size:18px;font-weight:600;margin:0 0 10px;color:#000}.project-desc{font-size:14px;color:#555;line-height:1.5;margin-bottom:16px}.project-desc .year{color:#888}.project-links{display:flex;gap:16px;flex-wrap:wrap}.link-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:#1a1a1a;font-size:14px;font-weight:500}.link-item:hover{text-decoration:underline}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.social-card{background:#fff;padding:24px;border-radius:24px;font-family:Inter,sans-serif}.social-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.social-header h2{font-size:22px;font-weight:700;margin:0}.social-list{display:flex;flex-direction:column;gap:12px}.social-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #f3f4f6;border-radius:16px;text-decoration:none;color:#1a1a1a;transition:background .2s ease}.social-item:hover{background-color:#f9fafb}.social-left{display:flex;align-items:center;gap:14px}.social-left p{margin:0;font-size:16px}.handle{color:#9ca3af;font-weight:400}.arrow-icon{color:#9ca3af}@media(max-width:768px){.parent{width:100%;display:block}.div1,.div2,.div4,.div5,.div6,.div7,.div8,.div9{margin-top:5px}.mainui{width:100%;padding:0 10px}.profile-image{position:relative;margin-top:0}.profile-container{display:flex;flex-direction:row;font-size:.8rem;width:90vw;align-items:center;text-align:center}.profile-content{margin-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.linkedin-link,.focus-areas-container,.dark-mode-toggle{visibility:hidden}.profile-top-row{flex-direction:column;align-items:center;margin-top:10px;gap:10px}.profile-actions{flex-direction:column;width:100%}.action-group,.focus-areas-container{width:100%;justify-content:center}.focus-areas-container{margin-left:0}.div1{height:90px}}