*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{position:fixed;top:0;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1.2rem 0;box-shadow:0 2px 20px #0000000d}.nav-container{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{font-size:1.6rem;font-weight:700;color:#000;cursor:pointer}.nav-menu{display:flex;gap:3rem}.nav-link{color:#333;text-decoration:none;font-weight:500;transition:all .3s ease;font-size:1rem;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#6366f1;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:#6366f1}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:28px;height:3px;background:#333;border-radius:3px;transition:.3s}@media(max-width:768px){.nav-container{padding:0 1.5rem}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000001a;padding:2.5rem 0;gap:2rem}.nav-menu.active{left:0}.hamburger{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:8rem 2rem 4rem;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(138,43,226,.2),transparent 50%);pointer-events:none}.hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:1}.hero-content{color:#fff}.hero-greeting{font-size:1.3rem;margin-bottom:1rem;font-weight:500;opacity:.95}.hero-name{font-size:5rem;font-weight:800;margin-bottom:.5rem;line-height:1.1;background:linear-gradient(to right,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;color:#e0e7ff}.hero-description{font-size:1.15rem;line-height:1.8;margin-bottom:2.5rem;opacity:.9;max-width:600px}.hero-buttons{display:flex;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-3px)}.hero-social{display:flex;gap:2rem}.hero-social a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;opacity:.9;position:relative}.hero-social a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.hero-social a:hover{opacity:1;transform:translateY(-2px)}.hero-social a:hover:after{width:100%}.code-editor-container{position:relative;animation:floatCard 4s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.code-editor-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff0d;position:relative}.window-controls{background:#2d2d2d;padding:.8rem 1.2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #1a1a1a}.control-buttons{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27c93f}.window-title{color:#999;font-size:.85rem;font-weight:500;flex:1;text-align:center;margin-right:80px}.editor-tabs{background:#252525;display:flex;gap:.5rem;padding:0 1rem;border-bottom:1px solid #1a1a1a}.tab{padding:.6rem 1.2rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888;cursor:pointer;border-radius:8px 8px 0 0;transition:all .3s ease}.tab.active{background:#1e1e1e;color:#fff;border-top:2px solid #007acc}.tab-icon,.tab-name{font-size:.8rem}.editor-content{background:#1e1e1e;padding:1.5rem;display:flex;gap:1.5rem;min-height:320px;position:relative;font-family:Courier New,Consolas,monospace}.line-numbers{color:#858585;text-align:right;-webkit-user-select:none;user-select:none;line-height:1.8;font-size:.9rem;padding-right:1rem;border-right:1px solid #333}.code-lines{flex:1;color:#d4d4d4;line-height:1.8;font-size:.9rem}.code-line{white-space:pre}.indent{padding-left:2rem}.indent-2{padding-left:4rem}.keyword{color:#569cd6;font-weight:600}.variable{color:#9cdcfe}.operator{color:#d4d4d4}.property{color:#9cdcfe}.string{color:#ce9178}.bracket{color:gold}.comma{color:#d4d4d4}.cursor{color:#fff;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.profile-badge{position:absolute;top:1.5rem;right:1.5rem;width:70px;height:70px;border-radius:50%;border:3px solid #007acc;overflow:hidden;box-shadow:0 8px 20px #007acc66,0 0 0 4px #007acc1a;z-index:10}.profile-badge img{width:100%;height:100%;object-fit:cover}.status-online{position:absolute;bottom:3px;right:3px;width:18px;height:18px;background:#44b544;border:3px solid #1e1e1e;border-radius:50%;animation:pulseOnline 2s infinite}@keyframes pulseOnline{0%,to{box-shadow:0 0 #44b544b3}50%{box-shadow:0 0 0 8px #44b54400}}.terminal-section{background:#0c0c0c;border-top:1px solid #333}.terminal-header{background:#1a1a1a;padding:.6rem 1.2rem;font-size:.85rem;color:#fff;font-weight:600;border-bottom:1px solid #333}.terminal-content{padding:1rem 1.2rem;font-family:Courier New,Consolas,monospace;font-size:.9rem}.terminal-line{color:#fff;margin-bottom:.5rem}.terminal-output{color:#ccc;padding-left:1.5rem;margin-bottom:.4rem;animation:terminalSlide 2s ease-in-out infinite}@keyframes terminalSlide{0%{opacity:.6;transform:translate(-5px)}50%{opacity:1;transform:translate(0)}to{opacity:.6;transform:translate(-5px)}}.success-icon{color:#4ec9b0;margin-right:.5rem}.info-icon{color:#3794ff;margin-right:.5rem}.floating-elements{position:absolute;top:-40px;right:-40px;display:flex;flex-direction:column;gap:1.5rem;z-index:-1}.float-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.8rem 1.5rem;border-radius:30px;font-weight:600;font-size:.9rem;box-shadow:0 8px 20px #0003;animation:floatItem 3s ease-in-out infinite}.float-item:nth-child(1){animation-delay:0s}.float-item:nth-child(2){animation-delay:.5s}.float-item:nth-child(3){animation-delay:1s}@keyframes floatItem{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(10px)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.mouse{width:30px;height:50px;border:2px solid rgba(255,255,255,.5);border-radius:20px;position:relative}.mouse:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#ffffffb3;border-radius:2px;animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1;top:10px}to{opacity:0;top:30px}}@media(max-width:1200px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.code-editor-container{max-width:650px;margin:0 auto}.hero-buttons,.hero-social{justify-content:center}.floating-elements{display:none}}@media(max-width:968px){.hero-name{font-size:3.5rem}.hero-title{font-size:2rem}}@media(max-width:768px){.hero{padding:6rem 1.5rem 3rem}.hero-name{font-size:2.5rem}.hero-title{font-size:1.5rem}.hero-description{font-size:1rem}.editor-content{font-size:.75rem;padding:1rem}.code-line{font-size:.75rem}.profile-badge{width:55px;height:55px}}.work{min-height:100vh;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.work:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 70% 60%,rgba(138,43,226,.2),transparent 50%);pointer-events:none}.work-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-subtitle{font-size:1.2rem;color:#fffc;font-weight:400;font-family:Courier New,monospace}.github-repo{background:#0d1117;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #30363d80;animation:slideUp .8s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.repo-header{background:#0d1117;padding:1.5rem 2rem;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.repo-info{display:flex;align-items:center;gap:1rem}.repo-icon{color:#8b949e;flex-shrink:0}.repo-details{display:flex;align-items:center;gap:.8rem}.repo-name{display:flex;align-items:center;gap:.3rem;font-size:1.25rem;margin:0}.repo-owner{color:#58a6ff;font-weight:400}.repo-separator{color:#8b949e}.repo-title{color:#58a6ff;font-weight:600}.repo-visibility{display:inline-block;padding:.2rem .6rem;background:transparent;border:1px solid #30363d;border-radius:2rem;font-size:.75rem;color:#8b949e;font-weight:500}.repo-actions{display:flex;gap:.5rem}.github-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.github-btn:hover{background:#30363d;border-color:#8b949e}.github-btn svg{color:#8b949e}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 .4rem;background:#0d1117;border-radius:2rem;font-size:.75rem;font-weight:600}.repo-nav{background:#0d1117;border-bottom:1px solid #21262d;display:flex;padding:0 2rem;overflow-x:auto}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#8b949e;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{color:#c9d1d9;border-bottom-color:#30363d}.nav-tab.active{color:#c9d1d9;border-bottom-color:#f78166}.nav-tab svg{width:16px;height:16px}.branch-selector{background:#0d1117;padding:1rem 2rem;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.branch-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:transparent;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.branch-btn:hover{background:#161b22}.branch-btn svg{color:#8b949e}.dropdown-icon{margin-left:.5rem}.branch-info{display:flex;align-items:center;gap:.5rem;color:#8b949e;font-size:.875rem}.branch-count{color:#8b949e}.branch-separator{color:#30363d}.readme-section{background:#0d1117;padding:2rem}.readme-header{padding:1rem 1.5rem;background:#161b22;border:1px solid #30363d;border-bottom:none;border-radius:6px 6px 0 0}.readme-header h3{margin:0;color:#c9d1d9;font-size:.875rem;font-weight:600}.readme-content{padding:2rem;background:#161b22;border:1px solid #30363d;border-top:none;border-radius:0 0 6px 6px;color:#c9d1d9;line-height:1.7}.readme-content h2{color:#c9d1d9;font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #21262d}.readme-content h3{color:#c9d1d9;font-size:1.25rem;margin:1.5rem 0 1rem}.readme-content p{margin:0 0 1rem;color:#8b949e}.readme-content ul{margin:0 0 1rem;padding-left:2rem;color:#8b949e}.readme-content li{margin-bottom:.5rem}.file-explorer{background:#0d1117}.file-table{width:100%;border-collapse:collapse}.file-table tbody tr{border-top:1px solid #21262d}.file-table td{padding:.75rem 1rem;color:#c9d1d9;font-size:.875rem}.folder-row,.file-row{cursor:pointer;transition:background .1s ease}.folder-row:hover,.file-row:hover,.folder-row.open,.file-row.selected{background:#161b22}.file-icon-cell{width:16px;padding-right:.5rem}.file-icon-cell svg{color:#8b949e;display:block}.file-icon-cell.indent{padding-left:2rem}.file-name-cell{width:40%}.file-name{color:#58a6ff;font-weight:500}.file-badge{display:inline-block;margin-left:.5rem;padding:.15rem .6rem;border-radius:2rem;font-size:.75rem;font-weight:600}.file-badge.active{background:#3fb95026;color:#3fb950}.file-badge.featured{background:#bb800926;color:#d29922}.file-badge.live{background:#3fb95026;color:#3fb950}.file-message-cell{width:40%;color:#8b949e}.file-age-cell{width:20%;text-align:right;color:#8b949e}.details-row{background:#0d1117;border-top:none!important}.details-row td{padding:0}.file-content{padding:2rem;background:#161b22;border:1px solid #30363d;border-radius:6px;margin:1rem 2rem 1rem 3rem;animation:expandContent .3s ease-out}@keyframes expandContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #21262d;gap:1rem;flex-wrap:wrap}.header-left{flex:1}.content-title{font-size:1.5rem;color:#c9d1d9;font-weight:600;margin:0 0 .5rem}.content-subtitle{font-size:1rem;color:#58a6ff;margin:0}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.date-badge,.location-badge{padding:.3rem .8rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;font-size:.8rem;white-space:nowrap}.content-body{margin-bottom:1.5rem}.section-heading{font-size:1rem;color:#c9d1d9;font-weight:600;margin:1.5rem 0 1rem}.section-heading:first-child{margin-top:0}.content-list{list-style:none;padding:0;margin:0}.content-list li{color:#8b949e;font-size:.875rem;line-height:1.6;margin-bottom:.7rem;padding-left:1.5rem;position:relative}.content-list li:before{content:"•";position:absolute;left:0;color:#58a6ff;font-weight:700;font-size:1.2rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-badge{padding:.3rem .8rem;background:#388bfd26;border:1px solid rgba(56,139,253,.3);border-radius:2rem;color:#58a6ff;font-size:.75rem;font-weight:600;transition:all .2s ease}.tech-badge:hover{background:#388bfd40;border-color:#58a6ff}.project-content{max-width:none}.project-preview{width:100%;height:300px;border-radius:6px;overflow:hidden;margin-bottom:1.5rem;border:1px solid #30363d;background:#0d1117}.project-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-preview:hover img{transform:scale(1.05)}.project-description{color:#8b949e;font-size:.875rem;line-height:1.7;margin-bottom:1rem}.project-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.action-btn:hover{background:#30363d;border-color:#8b949e}.action-btn.primary{background:#238636;border-color:#238636;color:#fff}.action-btn.primary:hover{background:#2ea043;border-color:#2ea043}.action-btn svg{width:16px;height:16px}@media(max-width:968px){.repo-header,.branch-selector,.repo-nav{padding-left:1rem;padding-right:1rem}.file-content{margin:1rem}.content-header{flex-direction:column}.header-right{align-items:flex-start}}@media(max-width:768px){.work{padding:4rem 1.5rem 3rem}.section-title{font-size:2.5rem}.section-subtitle{font-size:1rem}.repo-header{flex-direction:column;align-items:flex-start}.repo-name{font-size:1.1rem}.file-message-cell,.file-age-cell{display:none}.file-name-cell{width:100%}.file-content{padding:1.5rem}.content-title{font-size:1.2rem}.project-preview{height:200px}.project-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.about{min-height:100vh;padding:6rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 20% 80%,rgba(138,43,226,.2),transparent 50%);pointer-events:none}.about-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:4rem;font-weight:800;background:linear-gradient(to right,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.section-subtitle{font-size:1.2rem;color:#fffc;font-weight:400}.about-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:2rem}.about-card{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff1a}.photo-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.photo-wrapper{position:relative;width:200px;height:200px}.about-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #007acc;box-shadow:0 10px 40px #007acc66;position:relative;z-index:2}.photo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(0,122,204,.3),transparent 70%);border-radius:50%;animation:pulseGlow 3s ease-in-out infinite;z-index:1}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.status-badge{display:flex;align-items:center;gap:.5rem;background:#44b54433;border:1px solid #44b544;padding:.6rem 1.2rem;border-radius:20px;color:#44b544;font-size:.9rem;font-weight:600}.status-dot{width:10px;height:10px;background:#44b544;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #44b544b3}50%{box-shadow:0 0 0 8px #44b54400}}.quick-info{width:100%;display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.8rem;color:#ffffffe6;font-size:.95rem;padding:.5rem;background:#ffffff0d;border-radius:8px;transition:background .3s ease}.info-item:hover{background:#ffffff1a}.info-icon{font-size:1.2rem}.text-card{display:flex;flex-direction:column;gap:1.5rem}.card-title{font-size:2rem;color:#fff;font-weight:700;margin-bottom:1rem}.about-text{color:#ffffffd9;font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.about-text:last-child{margin-bottom:0}.highlight{color:#007acc;font-weight:600}.education-card{margin-bottom:2rem}.card-header{margin-bottom:1.5rem}.education-content{display:flex;flex-direction:column;gap:1.5rem}.education-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#ffffff0d;border-radius:12px;border-left:4px solid #007acc}.education-degree{font-size:1.3rem;color:#fff;font-weight:600;margin-bottom:.5rem}.education-school{font-size:1.1rem;color:#007acc;font-weight:500;margin-bottom:.3rem}.education-details{font-size:.95rem;color:#ffffffb3}.education-year{font-size:1.5rem;color:#fff9;font-weight:700}.skills-section{margin-bottom:2rem}.skills-section .card-title{margin-bottom:2rem;text-align:center;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.skill-badge{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.8rem;color:#fff;font-weight:600;font-size:.95rem;transition:all .3s ease;cursor:pointer}.skill-badge:hover{background:#007acc33;border-color:#007acc;transform:translateY(-5px);box-shadow:0 10px 30px #007acc4d}.skill-icon{font-size:1.5rem}.terminal-box{background:#0c0c0cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 60px #00000080}.terminal-box-header{background:#1a1a1a;padding:.8rem 1.2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.terminal-box-header span:first-child{color:#fff;font-weight:600;font-size:.9rem}.terminal-box-controls{display:flex;gap:.8rem;color:#666;font-size:1rem}.terminal-box-body{padding:1.5rem;font-family:Courier New,Consolas,monospace;font-size:.95rem}.terminal-box-line{color:#fff;margin-bottom:.5rem}.prompt{color:#4ec9b0;margin-right:.5rem;font-weight:700}.terminal-box-output{color:#ccc;padding-left:1.5rem;margin-bottom:1rem;line-height:1.6}.output-icon{color:#3794ff;margin-right:.5rem}@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.photo-card{flex-direction:row;justify-content:space-around}.quick-info{max-width:300px}}@media(max-width:768px){.about{padding:4rem 1.5rem}.section-title{font-size:2.5rem}.section-subtitle{font-size:1rem}.about-grid{gap:1.5rem}.photo-card{flex-direction:column}.photo-wrapper{width:150px;height:150px}.photo-glow{width:170px;height:170px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.card-title{font-size:1.5rem}}.contact{min-height:100vh;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.grid-background{position:absolute;inset:0;background-image:linear-gradient(rgba(77,208,225,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(77,208,225,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-code{position:absolute;width:100%;height:100%;pointer-events:none}.code-snippet{position:absolute;font-family:Courier New,monospace;font-size:2rem;color:#4dd0e14d;font-weight:700;animation:floatCode 20s ease-in-out infinite}@keyframes floatCode{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-30px) rotate(10deg);opacity:.6}}.code-snippet:nth-child(2){animation-delay:-4s}.code-snippet:nth-child(3){animation-delay:-8s}.code-snippet:nth-child(4){animation-delay:-12s}.code-snippet:nth-child(5){animation-delay:-16s}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:4rem;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.terminal-prompt{display:inline-flex;align-items:center;gap:.5rem;background:#00000080;padding:.5rem 1.5rem;border-radius:20px;margin-bottom:1.5rem;border:1px solid rgba(77,208,225,.3)}.prompt-symbol{color:#4dd0e1;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.prompt-text{color:#fff;font-family:Courier New,monospace;font-size:1rem}.section-title{font-size:4rem;font-weight:800;background:linear-gradient(to right,#fff,#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.section-subtitle{font-size:1.5rem;color:#4dd0e1;font-weight:600;font-family:Courier New,monospace}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:3rem}.terminal-card{background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #4dd0e14d;animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.terminal-header{background:#2d2d2d;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #444}.terminal-buttons{display:flex;gap:.5rem}.terminal-btn{width:12px;height:12px;border-radius:50%}.terminal-btn.red{background:#ff5f56}.terminal-btn.yellow{background:#ffbd2e}.terminal-btn.green{background:#27c93f}.terminal-title{color:#999;font-size:.85rem;font-family:Courier New,monospace}.terminal-body{padding:2rem;min-height:200px;background:#1a1a1a;font-family:Courier New,monospace;position:relative}.terminal-text{color:#4dd0e1;font-size:.95rem;line-height:1.8;margin:0;white-space:pre-wrap}.terminal-cursor{display:inline-block;color:#4dd0e1;font-size:1.2rem;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.terminal-info{padding:2rem;border-top:1px solid #333}.info-heading{color:#4dd0e1;font-size:1.3rem;font-weight:600;margin-bottom:1rem;font-family:Courier New,monospace}.info-text{color:#ffffffd9;font-size:1rem;line-height:1.7}.code-block-card{background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #4dd0e14d;animation:slideInRight .8s ease-out;display:flex;flex-direction:column}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.code-block-header{background:#2d2d2d;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}.code-tab{display:flex;align-items:center;gap:.5rem;color:#fff;font-family:Courier New,monospace;font-size:.9rem}.tab-icon{font-size:1rem}.code-language{color:#4dd0e1;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;padding:.2rem .8rem;background:#4dd0e133;border-radius:8px}.code-block-body{padding:2rem;background:#1a1a1a;flex:1}.code-content{font-family:Courier New,monospace;font-size:.95rem;line-height:1.8;margin:0;color:#fff}.code-bracket{color:gold;font-weight:700}.code-key{color:#9cdcfe}.code-punctuation{color:#fff}.code-string{color:#ce9178}.email-action-section{padding:2rem;background:#0000004d;border-top:1px solid #333}.action-label{display:flex;align-items:center;gap:.8rem;color:#fffc;font-size:1rem;margin-bottom:1.5rem;font-weight:500}.label-icon{font-size:1.5rem}.email-link-button{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#007acc4d,#4dd0e14d);border:2px solid rgba(77,208,225,.5);padding:1.2rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:1.5rem;position:relative;overflow:hidden}.email-link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,208,225,.3),transparent);transition:left .5s ease}.email-link-button:hover:before{left:100%}.email-link-button:hover{transform:translateY(-5px) scale(1.02);border-color:#4dd0e1;box-shadow:0 10px 40px #4dd0e180,0 0 30px #4dd0e14d}.email-text{color:#4dd0e1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.arrow-icon{color:#4dd0e1;font-size:1.8rem;transition:transform .3s ease}.email-link-button:hover .arrow-icon{transform:translate(10px)}.response-time{display:flex;align-items:center;gap:.8rem;color:#ffffffb3;font-size:.9rem;font-family:Courier New,monospace}.time-icon{font-size:1.2rem;color:gold}.contact-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(77,208,225,.2)}.footer-code{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:Courier New,monospace}.code-comment{color:#ffffff80;font-size:.9rem;font-style:italic}.code-line{color:#ffffffb3;font-size:.9rem}@media(max-width:968px){.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){.contact{padding:4rem 1.5rem 3rem}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}.terminal-body,.code-block-body,.email-action-section{padding:1.5rem}.email-text{font-size:.9rem}}.App{min-height:100vh}