:root{--transition-theme:all 0.3s ease;--color-primary:#667eea;--color-secondary:#764ba2;--color-text:#2c3e50;--color-text-muted:#7f8c8d;--color-background:#fff;--color-surface:#f8f9fa;--color-border:#ffffff4d;--color-shadow:#0000001a;--color-focus:#0078d4;--color-error:#d13438;--color-success:#107c10;--color-warning:#f7630c}[data-theme=dark]{--color-primary:#8ab4f8;--color-secondary:#9aa0fd;--color-text:#fff;--color-text-muted:#ccc;--color-background:#1a1a1a;--color-surface:#2a2a2a;--color-border:#fff3;--color-shadow:#0000004d;--color-focus:#60cdff;--color-error:#ff6b6b;--color-success:#4caf50;--color-warning:#ff9800}*,body{transition:all .3s ease;transition:var(--transition-theme)}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}[data-theme=dark] body{background-color:#1a1a1a;color:#e0e0e0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-switcher{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;gap:4px;padding:4px}.lang-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:12px;font-weight:500;min-width:36px;padding:6px 12px;transition:all .2s ease}.lang-btn:hover{background:#f8f9fa;color:#333}.lang-btn.active{background:#667eea;box-shadow:0 2px 4px #667eea33;color:#fff}.lang-btn.active:hover{background:#5a6fd8}.hamburger-menu{position:fixed;right:20px;top:20px;z-index:1001}.hamburger-button{align-items:center;background:#ffffffe6;border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.hamburger-button:hover{background:#fff;box-shadow:0 4px 15px #00000026}.hamburger-button span{background:#333;border-radius:1px;height:2px;transition:all .3s ease;width:20px}.hamburger-button.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-button.open span:nth-child(2){opacity:0}.hamburger-button.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-panel{background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-300px;top:0;transition:right .3s ease;width:280px;z-index:1000}.menu-panel.open{right:0}.menu-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px}.menu-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close-button:hover{background:#e9ecef}.menu-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.menu-item{margin-bottom:20px}.menu-item label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.menu-divider{background:#e1e5e9;height:1px;margin:20px 0}.menu-logout-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:auto;padding:12px 20px;transition:background .3s ease}.menu-logout-btn:hover{background:#c0392b}@media (max-width:480px){.menu-panel{right:-100%;width:100%}.hamburger-menu{right:15px;top:15px}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-header{position:fixed;right:20px;top:20px;z-index:1000}.auth-controls{align-items:center;display:flex;gap:15px;margin-bottom:20px}.auth-form{background:#fff;border:1px solid #e1e5e9;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.auth-form h2{color:#333;font-size:28px;font-weight:700;margin-bottom:10px}.auth-form p{color:#666;font-size:16px;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px;text-align:left}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;color:#333;font-size:16px;padding:15px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-form button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.error-message{background:#fdf2f2;border:1px solid #f5c6cb;border-radius:8px;color:#e74c3c;margin:15px 0;padding:12px}.demo-credentials{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;margin-top:20px;padding:15px}.demo-credentials small{color:#6c757d;font-size:14px}.logout-btn{background:#e74c3c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s ease}.logout-btn:hover{background:#c0392b}.developer-profile{animation:slideInLeft .8s ease-out;background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin-bottom:20px;padding:40px;transition:all .3s ease}[data-theme=dark] .developer-profile{background:#2a2a2a;box-shadow:0 20px 40px #0000004d}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.profile-hero{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;gap:30px;margin-bottom:40px;padding-bottom:30px}.profile-image{flex-shrink:0}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:120px;justify-content:center;width:120px}.profile-info h2{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}[data-theme=dark] .profile-info h2{color:#fff}.profile-info .title{color:#667eea;font-size:1.3rem;font-weight:600;letter-spacing:.01em;margin:0 0 10px}[data-theme=dark] .profile-info .title{color:#8ab4f8}.profile-info .location{color:#7f8c8d;font-size:1.1rem;margin:0}.profile-sections{grid-gap:40px;display:grid;gap:40px}.about-section,.experience-section,.projects-section{background:#f8f9fa;border-radius:10px;padding:30px;transition:all .3s ease}[data-theme=dark] .about-section,[data-theme=dark] .experience-section,[data-theme=dark] .projects-section{background:#333}.about-section h3,.experience-section h3,.projects-section h3{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.8rem;font-weight:600;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:10px}[data-theme=dark] .about-section h3,[data-theme=dark] .experience-section h3,[data-theme=dark] .projects-section h3{border-bottom-color:#8ab4f8;color:#fff}.about-section p{color:#555;font-size:1.1rem;font-weight:400;line-height:1.7;margin:0 0 20px}[data-theme=dark] .about-section p{color:#ccc}.experience-item{animation:fadeInUp .6s ease-out forwards;background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:30px;opacity:0;padding:20px;transition:all .3s ease}.experience-item:first-child{animation-delay:.1s}.experience-item:nth-child(2){animation-delay:.3s}.experience-item:nth-child(3){animation-delay:.5s}.experience-item:hover{box-shadow:0 10px 30px #0000001a;transform:translateX(10px)}[data-theme=dark] .experience-item{background:#404040;border-left-color:#8ab4f8}[data-theme=dark] .experience-item:hover{box-shadow:0 10px 30px #0000004d}.experience-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.experience-header h4{color:#2c3e50;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin:0}[data-theme=dark] .experience-header h4{color:#fff}.duration{background:#667eea1a;border-radius:15px;color:#667eea;font-size:.9rem;font-weight:600;padding:4px 12px}.company{color:#7f8c8d;font-size:1.1rem;font-weight:500;margin:0 0 15px}[data-theme=dark] .company{color:#aaa}.experience-item ul{margin:0;padding-left:20px}.experience-item li{color:#555;font-size:1rem;line-height:1.6;margin-bottom:10px}[data-theme=dark] .experience-item li{color:#ccc}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{animation:fadeInUp .6s ease-out forwards;background:#fff;border:1px solid #e9ecef;border-radius:10px;opacity:0;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.project-card:first-child{animation-delay:.2s}.project-card:nth-child(2){animation-delay:.4s}.project-card:nth-child(3){animation-delay:.6s}.project-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.project-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.project-card:hover:before{transform:scaleX(1)}[data-theme=dark] .project-card{background:#404040;border-color:#555}[data-theme=dark] .project-card:hover{box-shadow:0 15px 40px #0006}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.project-card h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}[data-theme=dark] .project-card h4{color:#fff}.project-status{background:var(--color-success);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px;white-space:nowrap}.project-status.ongoing{background:var(--color-warning)}.project-card p{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 20px}[data-theme=dark] .project-card p{color:#ccc}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background:var(--color-primary);border-radius:15px;color:#fff;font-size:.85rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.tech-tag:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.project-links{display:flex;gap:10px}.project-link-btn{background:#0000;border:2px solid var(--color-primary);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.project-link-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px)}.project-link-btn:disabled{cursor:not-allowed;opacity:.5}.project-link-btn.demo{background:var(--color-primary);color:#fff}.project-link-btn.demo:hover{background:var(--color-secondary);border-color:var(--color-secondary)}@media (max-width:768px){.developer-profile{padding:20px}.profile-hero{flex-direction:column;text-align:center}.profile-info h2{font-size:2rem}.experience-header{align-items:flex-start;flex-direction:column;gap:10px}.project-grid{grid-template-columns:1fr}}.blog-section{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin-bottom:20px;padding:40px}.blog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.blog-header>div:first-child{flex:1 1;text-align:center}.blog-admin{align-items:center;display:flex;gap:10px}.admin-toggle-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.admin-toggle-btn:hover{background:#5a6268}.new-post-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.new-post-btn:hover{background:#218838}.admin-actions{display:flex;gap:10px;margin-left:20px}.edit-post-btn{background:#ffc107;border:none;border-radius:5px;color:#212529;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.edit-post-btn:hover{background:#e0a800}.delete-post-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.delete-post-btn:hover{background:#c82333}.blog-header h2{color:#2c3e50;font-size:2.5rem;margin:0 0 15px}.blog-header p{color:#7f8c8d;font-size:1.2rem;margin:0}.back-button{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:30px;padding:12px 20px;transition:background .3s ease}.back-button:hover{background:#5a6fd8}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.filter-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{background:#e9ecef}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.blog-posts{grid-gap:30px;display:grid;gap:30px}.blog-post-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.blog-post-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.post-card-header h3{color:#2c3e50;cursor:pointer;font-size:1.5rem;margin:0 0 15px;transition:color .3s ease}.post-card-header h3:hover{color:#667eea}.post-meta{color:#7f8c8d;display:flex;font-size:.9rem;gap:20px;margin-bottom:15px}.post-excerpt{color:#555;font-size:1.1rem;line-height:1.6;margin:0 0 20px}.post-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#667eea;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.read-more-btn{background:#0000;border:2px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.read-more-btn:hover{background:#667eea;color:#fff}.blog-post-full{margin:0 auto;max-width:800px}.post-header{border-bottom:2px solid #f8f9fa;margin-bottom:40px;padding-bottom:30px;text-align:center}.post-header h1{color:#2c3e50;font-size:2.5rem;line-height:1.2;margin:0 0 20px}.post-content{color:#444;font-size:1.1rem;line-height:1.7}.post-content h2{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.8rem;margin:40px 0 20px;padding-bottom:10px}.post-content h3{color:#2c3e50;font-size:1.4rem;margin:30px 0 15px}.post-content p{margin:0 0 20px}.post-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;overflow-x:auto;padding:20px}.post-content code{background:#f8f9fa;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.post-content pre code{background:none;padding:0}.post-content ul{margin:0 0 20px;padding-left:30px}.post-content li{margin-bottom:8px}@media (max-width:768px){.blog-section{padding:20px}.blog-header h2{font-size:2rem}.post-header h1{font-size:1.8rem}.post-card-footer{align-items:flex-start;flex-direction:column}.blog-filters{justify-content:flex-start}}.skills-section{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;margin-bottom:20px;padding:40px}.skills-header{margin-bottom:40px;text-align:center}.skills-header h2{color:#2c3e50;font-size:2.5rem;margin:0 0 15px}.skills-header p{color:#7f8c8d;font-size:1.2rem;margin:0}.skills-overview{margin-bottom:50px}.skill-stats{grid-gap:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:40px}.stat-item{color:#fff;text-align:center}.stat-number{display:block;font-size:3rem;font-weight:700;margin-bottom:10px}.stat-label{font-size:1.1rem;opacity:.9}.skills-categories{grid-gap:40px;display:grid;gap:40px}.skill-category{background:#f8f9fa;border-radius:12px;padding:30px}.category-title{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.8rem;margin:0 0 30px;padding-bottom:15px;text-align:center}.skills-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.skill-name{color:#2c3e50;font-size:1.1rem;font-weight:600}.skill-level-text{background:#fffc;border-radius:12px;font-size:.9rem;font-weight:600;padding:4px 10px}.skill-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.skill-progress{border-radius:4px;height:100%;position:relative;transition:width 1s ease-in-out}.skill-progress:after{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skill-percentage{color:#7f8c8d;font-size:.9rem;font-weight:600;text-align:right}.certifications{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-top:50px;padding:30px}.certifications h3{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.8rem;margin:0 0 30px;padding-bottom:15px;text-align:center}.cert-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cert-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease}.cert-item:hover{transform:translateY(-3px)}.cert-item h4{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.cert-item p{color:#7f8c8d;font-style:italic;margin:0}@media (max-width:768px){.skills-section{padding:20px}.skills-header h2{font-size:2rem}.skill-stats{grid-template-columns:repeat(2,1fr);padding:20px}.stat-number{font-size:2rem}.cert-grid,.skills-grid{grid-template-columns:1fr}.skill-header{align-items:flex-start;flex-direction:column;gap:8px}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid var(--color-border);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.theme-toggle:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.theme-toggle:focus{outline:2px solid var(--color-focus);outline-offset:2px}[data-theme=dark] .theme-toggle{background:#0000004d;border-color:var(--color-border)}[data-theme=dark] .theme-toggle:hover{background:#00000080;border-color:#fff6}@media (max-width:768px){.theme-toggle{font-size:18px;height:45px;right:15px;top:15px;width:45px}}.skip-to-content{background:var(--color-focus);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;left:20px;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease;z-index:10000}.skip-to-content:focus{outline:2px solid #fff;outline-offset:2px;top:20px}.skip-to-content:hover:focus{background:#106ebe}.portfolio-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative;transition:all .3s ease;z-index:1}[data-theme=dark] .portfolio-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.portfolio-header{animation:fadeInDown .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-content{text-align:center}.header-content h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 10px}.header-content p{color:#ffffffe6;font-size:1.2rem;margin:0}.portfolio-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:20px 0}.nav-container{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.nav-btn{align-items:center;background:#ffffff1a;border:2px solid var(--color-border);border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.nav-icon{font-size:14px;transition:transform .3s ease}.nav-btn:hover .nav-icon{transform:scale(1.2)}.nav-btn:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.nav-btn:focus{outline:2px solid var(--color-focus);outline-offset:2px}.nav-btn.active{background:#fff;border-color:#fff;color:var(--color-primary)}[data-theme=dark] .nav-btn.active{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.portfolio-main{animation:fadeInUp .8s ease-out .2s both;background:#fff;min-height:70vh;padding:40px 0;transition:background-color .3s ease}[data-theme=dark] .portfolio-main{background:#1a1a1a;color:#e0e0e0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content-container{margin:0 auto;max-width:1200px;padding:0 20px}.portfolio-footer{background:#0003;border-top:1px solid #ffffff1a;margin-top:40px;padding:30px 0}.footer-content{align-items:center;color:#fffc;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.social-links{display:flex;gap:20px}.social-links a{color:#fffc;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#fff}@media (max-width:1024px){.portfolio-header{padding:30px 15px}.header-content h1{font-size:2.5rem}.nav-container{gap:15px;padding:0 15px}.nav-btn{font-size:14px;padding:10px 20px}}@media (max-width:768px){.portfolio-header{padding:25px 15px}.header-content h1{font-size:2rem;margin-bottom:15px}.header-content p{font-size:1rem}.nav-container{align-items:center;flex-direction:column;gap:10px}.nav-btn{font-size:16px;padding:12px 30px;text-align:center;width:200px}.portfolio-main{padding:20px 0}.content-container{padding:0 15px}.footer-content{flex-direction:column;gap:20px;text-align:center}.social-links{justify-content:center}}@media (max-width:480px){.header-content h1{font-size:1.8rem}.header-content p{font-size:.9rem}.portfolio-header{padding:20px 10px}.nav-btn{justify-content:center;max-width:280px;width:100%}.content-container{padding:0 10px}.social-links{gap:15px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.nav-btn{border-width:3px}.nav-btn.active{border-width:4px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite;margin-bottom:4rem}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8d208029.css.map*/