.loading-screen{position:fixed;inset:0;z-index:9999;background:#0d1117;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.loading-name{font-size:1.6rem;font-weight:700;letter-spacing:-.01em;color:#e6edf3}.loading-subtitle{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#e6edf359}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}:root{--accent: #4493f8;--t: .18s ease;--radius: 8px}body.dark-theme{background:#0d1117;color:#e6edf3}.dark-theme{--card-bg: #161b22;--card-border: #30363d;--nav-bg: rgba(13, 17, 23, .96);--nav-fade: rgba(20, 30, 48, .98);--nav-border: #30363d;--divider: #21262d;--shadow: rgba(0, 0, 0, .2);--muted: #8b949e}.dark-theme.courses-page{background:#0d1117;color:#e6edf3}.dark-theme .social-link.github,.dark-theme .social-link.email{color:#e6edf3;background:#ffffff0a}.dark-theme .social-link.github .social-icon,.dark-theme .social-link.email .social-icon{filter:brightness(0) saturate(100%) invert(92%)}.dark-theme .social-link.github:hover,.dark-theme .social-link.email:hover{background:#ffffff1a;border-color:#e6edf3}.dark-theme .skill-tag-icon--dark,.dark-theme .activity-icon--dark{filter:brightness(0) invert(1)}body.light-theme{background:#fff;color:#1f2328}.light-theme{--card-bg: #f6f8fa;--card-border: #d0d7de;--nav-bg: rgba(255, 255, 255, .96);--nav-fade: rgba(220, 230, 245, .98);--nav-border: #d0d7de;--divider: #eaeef2;--shadow: rgba(31, 35, 40, .06);--muted: #656d76}.light-theme.courses-page{background:#fff;color:#1f2328}.light-theme .social-link.github,.light-theme .social-link.email{color:#1f2328;background:#00000008}.light-theme .social-link.github .social-icon,.light-theme .social-link.email .social-icon{filter:brightness(0) saturate(100%) invert(8%)}.light-theme .social-link.github:hover,.light-theme .social-link.email:hover{background:#00000012;border-color:#1f2328}.light-theme .skill-tag-icon--dark,.light-theme .activity-icon--dark{filter:brightness(0)}@media(pointer:fine){*,a,button{cursor:none}}@media(pointer:coarse),(hover:none){.cursor-ring,.cursor-dot{display:none}}.cursor-ring{position:fixed;top:-20px;left:-20px;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(68,147,248,.45);pointer-events:none;z-index:99999}.cursor-dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:99999}.side-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100}@media(max-width:1080px){.side-nav{display:none}}.side-dot{position:relative;width:11px;height:11px;border-radius:50%;background:transparent;border:2px solid var(--muted);padding:0;cursor:pointer;opacity:.4;display:flex;align-items:center;transition:opacity var(--t),transform var(--t),background var(--t),border-color var(--t)}.side-dot:hover{opacity:1;transform:scale(1.3);border-color:var(--accent)}.side-dot.active{background:var(--accent);border-color:var(--accent);opacity:1}.side-dot-label{position:absolute;right:calc(100% + 10px);white-space:nowrap;font-size:.68rem;font-weight:500;color:var(--muted);background:var(--card-bg);border:1px solid var(--card-border);padding:3px 8px;border-radius:4px;opacity:0;transform:translate(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.side-dot:hover .side-dot-label{opacity:1;transform:translate(0)}.navbar{position:fixed;top:0;width:100%;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:0 24px;padding-top:env(safe-area-inset-top);height:calc(54px + env(safe-area-inset-top));display:flex;justify-content:center;align-items:center;gap:2px;z-index:1000;overflow-x:auto;scrollbar-width:none;transition:background var(--t),border-color var(--t)}.navbar::-webkit-scrollbar{display:none}.navbar a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;padding:7px 14px;border-radius:6px;transition:color var(--t),background var(--t)}.navbar a:hover{color:inherit;background:#8080801a}.navbar a.active{color:var(--accent)}.theme-toggle{background:transparent;border:1px solid var(--card-border);color:var(--muted);padding:5px;border-radius:6px;cursor:pointer;font-size:.95rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:background var(--t),border-color var(--t),color var(--t)}.theme-toggle:hover{background:#80808014;border-color:var(--accent);color:var(--accent)}.nav-fade{position:fixed;top:0;height:calc(54px + env(safe-area-inset-top));pointer-events:none;z-index:1001;transition:opacity .2s ease}.nav-fade--hidden{opacity:0}.nav-fade-right{right:0;width:56px;background:linear-gradient(to right,transparent,var(--nav-fade) 70%)}.nav-fade-left{left:0;width:56px;background:linear-gradient(to left,transparent,var(--nav-fade) 70%)}@media(min-width:1025px){.nav-fade{display:none}}.profile-container{margin-top:calc(54px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;padding:0 20px;padding-bottom:calc(60px + env(safe-area-inset-bottom));min-height:100vh}.section{width:100%;max-width:1100px;padding:72px 0;scroll-margin-top:60px;text-align:left;border-bottom:1px solid var(--divider)}.section:last-child,.section--last{border-bottom:none}.section h2{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}#about{max-width:1100px;padding:72px 0 60px;text-align:center;border-bottom:1px solid var(--divider)}#about h2{font-size:3.4rem;font-weight:800;margin-bottom:4px;letter-spacing:-.02em;color:inherit;text-transform:none}.profile-pic{width:130px;height:130px;border-radius:50%;object-fit:cover;object-position:top;display:block;margin:0 auto 20px;border:2px solid var(--card-border);transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color var(--t)}.profile-pic:hover{transform:scale(1.35);border-color:var(--accent)}.intro-text{font-size:1.05rem;font-weight:400;margin:14px auto 10px;color:var(--muted);max-width:640px}#about p{font-size:1rem;line-height:1.75;margin:0 auto 10px;max-width:640px}.social-links{display:flex;justify-content:center;gap:8px;margin:20px 0;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:6px;text-decoration:none;font-weight:500;font-size:.84rem;border:1px solid var(--card-border);color:var(--muted);background:transparent;transition:color var(--t),border-color var(--t),background var(--t)}.social-icon{width:15px;height:15px}.social-link.linkedin{color:#0077b5;border-color:#0077b559;background:#0077b50d}.social-link.linkedin .social-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(700%) hue-rotate(182deg) brightness(90%) contrast(97%)}.social-link.linkedin:hover{background:#0077b51f;border-color:#0077b5}.social-link.email{font-family:inherit;cursor:pointer}.social-link.youtube{color:red;border-color:#ff00004d;background:#ff00000a}.social-link.youtube .social-icon{filter:brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(7484%) hue-rotate(0deg) brightness(100%) contrast(110%)}.social-link.youtube:hover{background:#ff00001a;border-color:red}.quick-stats{display:flex;justify-content:center;gap:36px;margin-top:32px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:1.75rem;font-weight:700;margin-bottom:3px}.stat-label{display:block;font-size:.78rem;color:var(--muted);font-weight:500}:is(.education-item,.skill-category,.activity-item,.project-item){background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);transition:border-color var(--t)}:is(.education-item,.skill-category,.activity-item,.project-item):hover{border-color:var(--accent)}.education-item{padding:22px 24px;margin:10px 0;text-align:left}.edu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.edu-title-row{display:flex;align-items:center;gap:10px}.edu-logo{width:30px;height:30px;object-fit:contain;border-radius:4px;flex-shrink:0}.edu-header h3{font-size:1rem;font-weight:700;margin:0}.edu-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.edu-date{font-size:.8rem;color:var(--muted);white-space:nowrap;padding-top:2px}.edu-deans{font-size:.75rem;color:var(--muted);white-space:nowrap}.edu-degree{font-size:.9rem;color:var(--muted);margin:10px 0 14px}.edu-degree:last-child{margin-bottom:0}.edu-coursework-row{display:flex;align-items:center;gap:10px;margin-top:12px}.edu-coursework-label{font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:block;margin-top:12px;margin-bottom:4px}.edu-coursework-row .edu-coursework-label{margin:0}.edu-coursework{font-size:.88rem;color:var(--muted);line-height:1.6;margin:0}.edu-courses-link{background:none;border:none;padding:0;font-family:inherit;font-size:.88rem;color:var(--accent);cursor:pointer;display:inline-block;transition:opacity var(--t)}.edu-courses-link:hover{opacity:.75}.exp-timeline{position:relative;padding-left:20px}.exp-timeline:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--divider)}.exp-entry{position:relative;padding-left:16px;padding-bottom:32px}.exp-entry:last-child{padding-bottom:0}.exp-entry--gap{margin-top:24px}.exp-entry:before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;border:2px solid var(--muted);background:var(--card-bg);z-index:1;transition:border-color var(--t)}.exp-entry:hover:before{border-color:var(--accent)}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.exp-company{font-size:1rem;font-weight:700;margin:0}.exp-duration{font-size:.8rem;color:var(--muted);white-space:nowrap;flex-shrink:0;padding-top:2px}.exp-title{font-size:.88rem;color:var(--muted);margin:4px 0 0}.certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.cert-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;text-align:left;position:relative;transition:border-color var(--t)}.cert-item:hover,.cert-item.cert-new{border-color:var(--accent)}.cert-badge{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px}.cert-logo{width:32px;height:32px;object-fit:contain;display:block;margin-bottom:12px;border-radius:6px}.cert-item h3{font-size:.9rem;font-weight:600;margin:0 0 5px;line-height:1.4}.cert-issuer{font-size:.78rem;color:var(--muted);font-weight:500;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.project-item{padding:22px 24px;text-align:left;border-radius:var(--radius)}.project-item h3{font-size:.97rem;font-weight:700;margin-bottom:8px}.project-item p{margin-bottom:14px;line-height:1.65;font-size:.88rem}.project-item--featured{grid-column:1 / -1}.project-video-wrapper{position:relative;width:100%;max-width:320px;padding-bottom:min(56.25%,180px);margin-top:16px;border-radius:6px;overflow:hidden;background:#000;border:1px solid var(--card-border)}.project-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.project-tech{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background:transparent;color:var(--muted);padding:3px 9px;border-radius:4px;font-size:.78rem;border:1px solid var(--card-border);transition:color var(--t),border-color var(--t)}.tech-tag:hover{color:var(--accent);border-color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.skill-category{padding:20px;text-align:left}.skill-category h3{color:var(--accent);margin-bottom:14px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tag{display:inline-flex;align-items:center;gap:6px;background:transparent;padding:5px 11px;border-radius:6px;font-size:.84rem;border:1px solid var(--card-border);transition:color var(--t),border-color var(--t),background var(--t)}.skill-tag:hover{color:var(--accent);border-color:var(--accent);background:#4493f80f}.skill-tag-icon{width:15px;height:15px;flex-shrink:0;object-fit:contain}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.activity-item{padding:22px 24px;text-align:left}.activity-item h3{font-size:.97rem;font-weight:700;margin-bottom:8px}.activity-item p{margin:6px 0;line-height:1.65;font-size:.9rem}.activity-item strong{font-weight:600}.activity-title-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}.activity-title-row h3{margin-bottom:0}.activity-icon{width:18px;height:18px;flex-shrink:0;object-fit:contain}.activity-icon--youtube{filter:brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(7484%) hue-rotate(0deg) brightness(100%) contrast(110%)}.activity-title-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.activity-title-link h3{margin:0}.activity-title-link .activity-icon{border:1px solid var(--card-border);border-radius:6px;padding:4px;width:26px;height:26px;animation:icon-pulse 2.4s ease-in-out infinite;transition:border-color var(--t),box-shadow var(--t)}.activity-title-link:hover .activity-icon{animation:none;border-color:var(--accent);opacity:.8;box-shadow:none}@keyframes icon-pulse{0%,to{opacity:1;box-shadow:0 0 6px 2px var(--accent),0 0 14px 4px var(--accent)}50%{opacity:.15;box-shadow:0 0 0 0 transparent}}.activity-duration{font-size:.78rem;color:var(--muted);margin-bottom:8px!important}.contact-cta{display:flex;justify-content:center;padding:8px 0}.contact-cta-btn{background:transparent;border:1px solid var(--card-border);font-family:inherit;font-size:.92rem;font-weight:500;color:var(--muted);padding:7px 14px;border-radius:6px;cursor:pointer;transition:color var(--t),background var(--t),border-color var(--t)}.contact-cta-btn:hover{color:inherit;background:#8080801a;border-color:var(--accent)}.contact-page-inner{max-width:520px;margin:0 auto;padding:48px 20px 60px;display:flex;flex-direction:column;align-items:center}.contact-back-btn{align-self:flex-start;margin-bottom:36px}.contact-card{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px}.contact-card .courses-page-label{display:block;text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:-.01em;text-transform:none;color:inherit;margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contact-required{color:#f85149;font-weight:700}.contact-input,.contact-textarea{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);color:inherit;font-family:inherit;font-size:.92rem;padding:10px 14px;outline:none;resize:none;transition:border-color var(--t)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--muted);opacity:.6}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent)}.contact-input:disabled,.contact-textarea:disabled{opacity:.6}.contact-submit{align-self:stretch;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-family:inherit;font-size:.9rem;font-weight:600;padding:10px 24px;cursor:pointer;transition:opacity var(--t)}.contact-submit:hover:not(:disabled){opacity:.85}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-error{font-size:.88rem;color:#f85149;margin:0}.contact-success{display:flex;flex-direction:column;gap:16px}.contact-success p{font-size:.95rem;color:var(--muted);margin:0}.contact-success .back-btn{margin-bottom:0}.contact-powered-by{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--divider);font-size:.75rem;color:var(--muted)}.contact-tines-logo{width:16px;height:16px;border-radius:3px}.courses-page{position:fixed;inset:0;z-index:50;overflow-y:auto;scrollbar-width:none;padding-top:calc(54px + env(safe-area-inset-top));padding-bottom:60px}.courses-page::-webkit-scrollbar{display:none}.courses-page-inner{max-width:1100px;margin:0 auto;padding:48px 20px 0}.back-btn{background:transparent;border:1px solid var(--card-border);color:var(--muted);font-size:.84rem;font-weight:500;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:inherit;margin-bottom:36px;display:inline-block;transition:color var(--t),border-color var(--t)}.back-btn:hover{color:inherit;border-color:var(--accent)}.courses-page-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px}.courses-page-heading{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.courses-page-sub{font-size:.95rem;color:var(--muted);margin:0 0 36px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:14px}.course-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:22px 24px;transition:border-color var(--t)}.course-item:hover{border-color:var(--accent)}.course-code{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:block;margin-bottom:5px}.course-item h3{font-size:.97rem;font-weight:700;margin:0 0 12px;line-height:1.3}.course-why{font-size:.88rem;line-height:1.7;margin:0}.typewriter-wrapper{font-size:1.3rem;font-weight:400;margin:6px 0 22px;min-height:1.6em;color:var(--muted)}.typewriter-cursor{color:var(--accent);margin-left:1px;animation:cursor-blink .75s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.reveal.visible{opacity:1;transform:none}.skills-grid .reveal:nth-child(2),.projects-grid .reveal:nth-child(2),.activities-grid .reveal:nth-child(2){transition-delay:.07s}.skills-grid .reveal:nth-child(3),.projects-grid .reveal:nth-child(3){transition-delay:.14s}.quick-stats .reveal:nth-child(2){transition-delay:.05s}.quick-stats .reveal:nth-child(3){transition-delay:.1s}.back-to-top{position:fixed;bottom:32px;right:32px;width:46px;height:46px;border-radius:50%;background:var(--card-bg);border:1px solid var(--card-border);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:200;box-shadow:0 2px 8px var(--shadow);transition:border-color var(--t),transform var(--t)}.back-to-top:hover{border-color:var(--accent);transform:translateY(-4px)}@media(max-width:1024px){.navbar{justify-content:flex-start;padding:0 12px;padding-top:env(safe-area-inset-top);gap:0}.navbar a,.theme-toggle{white-space:nowrap;flex-shrink:0}}@media(max-width:768px){.navbar a{font-size:.84rem;padding:5px 10px}.theme-toggle{width:32px;height:32px}.profile-container{margin-top:calc(54px + env(safe-area-inset-top));padding:0 16px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.section{padding:40px 0}#about{padding:44px 0 40px}#about h2{font-size:2.2rem}.profile-pic{width:100px;height:100px}.intro-text{font-size:.92rem}#about p{font-size:.9rem}.typewriter-wrapper{font-size:1rem}.quick-stats{gap:20px 28px}.stat-number{font-size:clamp(1rem,4vw,1.5rem)}.skills-grid,.projects-grid,.activities-grid,.certs-grid,.courses-grid{grid-template-columns:1fr;gap:10px}:is(.education-item,.skill-category,.activity-item,.project-item),.cert-item{padding:18px 16px}.exp-timeline{padding-left:16px}.exp-header,.edu-header{flex-direction:column;gap:2px}.exp-duration,.edu-date{order:2}.edu-meta{align-items:flex-start}.social-links{gap:7px}.social-link{padding:7px 12px;font-size:.82rem}.courses-page-inner{padding:24px 16px 0}.courses-page-heading{font-size:1.6rem}.contact-page-inner{padding:24px 16px 40px}.contact-card{padding:24px 18px}.contact-card .courses-page-label{font-size:1.3rem}.back-to-top{bottom:20px;right:16px;width:42px;height:42px}}@media(max-width:480px){#about h2{font-size:1.75rem}.quick-stats{flex-direction:column;align-items:center;gap:16px}.social-links{flex-direction:column;align-items:center}.social-link{width:100%;max-width:200px;justify-content:center}.certs-grid{grid-template-columns:1fr 1fr}}