.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(0,119,255,.1) 0%,transparent 50%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}.hero-greeting{color:var(--blue-primary);font-size:1.2rem;font-weight:500;display:block;margin-bottom:10px}.hero-name{font-size:4rem;margin-bottom:10px;background:linear-gradient(135deg,var(--text-primary),var(--blue-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:2rem;color:var(--text-secondary);margin-bottom:20px}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;max-width:500px}.hero-buttons{display:flex;gap:20px}.btn{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));color:var(--text-primary);box-shadow:0 4px 15px #0077ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07f6}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--blue-primary)}.btn-secondary:hover{background:var(--blue-primary);color:var(--bg-dark)}.btn-resume{background:linear-gradient(135deg,#1a2332,#2a3647);color:var(--blue-primary);border:2px solid var(--blue-primary);display:flex;align-items:center;gap:8px}.btn-resume:hover{background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));color:var(--bg-dark);border-color:var(--blue-primary);transform:translateY(-2px);box-shadow:0 4px 15px #0077ff4d}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.glowing-circle{width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,119,255,.2) 0%,transparent 70%);position:absolute;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.code-snippet{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:30px;border-radius:15px;border:1px solid rgba(255,255,255,.15);font-family:Courier New,monospace;font-size:1rem;box-shadow:0 10px 30px #0000004d;position:relative;z-index:1}.code-line{margin:8px 0;line-height:1.6}.code-line.indent{padding-left:20px}.code-keyword{color:#ff79c6}.code-variable{color:#8be9fd}.code-property{color:#50fa7b}.code-string{color:var(--blue-primary)}.code-bracket{color:var(--text-primary)}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-name{font-size:3rem}.hero-title{font-size:1.5rem}.hero-description{margin:0 auto 40px}.hero-buttons{justify-content:center;flex-wrap:wrap}.glowing-circle{width:300px;height:300px}.code-snippet{font-size:.9rem;padding:20px}}@media (max-width: 600px){.hero-name{font-size:2.5rem}.hero-buttons{flex-direction:column}.btn{width:100%}}.about{background:var(--bg-dark);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text{display:flex;flex-direction:column;gap:20px}.about-paragraph{font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);border-color:var(--blue-primary);box-shadow:0 5px 20px #07f3}.stat-number{font-size:2.5rem;font-weight:700;color:var(--blue-primary);margin-bottom:5px}.stat-label{font-size:.9rem;color:var(--text-secondary);text-align:center}.about-actions{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.about-btn{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));color:var(--bg-dark);border:2px solid transparent;box-shadow:0 4px 15px #0077ff4d}.about-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07f6}.about-btn-outline{background:transparent;color:var(--blue-primary);border:2px solid var(--blue-primary);box-shadow:none}.about-btn-outline:hover{background:var(--blue-primary);color:var(--bg-dark);border-color:var(--blue-primary)}.about-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:350px;height:350px;background:linear-gradient(135deg,var(--bg-card),var(--bg-dark));border-radius:20px;display:flex;justify-content:center;align-items:center;border:2px solid var(--blue-primary);box-shadow:0 10px 40px #07f3;position:relative;overflow:hidden}.image-placeholder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,119,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.image-icon{font-size:8rem;z-index:1}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:40px}.about-stats{grid-template-columns:1fr;gap:20px}.image-placeholder{width:280px;height:280px}.image-icon{font-size:6rem}}.skills{background:var(--bg-dark);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.skill-card{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--blue-primary);box-shadow:0 5px 20px #07f3}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.skill-name{font-size:1.2rem;color:var(--text-primary);font-weight:600}.skill-percentage{font-size:1rem;color:var(--blue-primary);font-weight:700}.skill-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,var(--blue-primary),var(--blue-secondary));border-radius:10px;transition:width 1s ease-in-out;position:relative;box-shadow:0 0 10px #0077ff80}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-skill 2s infinite}@keyframes shimmer-skill{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 600px){.skills-grid{grid-template-columns:1fr}}.projects{background:var(--bg-dark);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.project-card{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);border-color:var(--blue-primary);box-shadow:0 10px 30px #0077ff4d}.project-image{height:200px;background:linear-gradient(135deg,var(--bg-dark),var(--bg-secondary));display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(0,119,255,.1) 0%,transparent 70%)}.project-emoji{font-size:5rem;z-index:1}.project-content{padding:25px;display:flex;flex-direction:column;gap:15px;flex:1}.project-title{font-size:1.5rem;color:var(--text-primary);margin:0}.project-description{color:var(--text-secondary);line-height:1.6;flex:1}.project-technologies{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{padding:5px 12px;background:#0077ff1a;color:var(--blue-primary);border-radius:20px;font-size:.85rem;border:1px solid rgba(0,119,255,.3)}.project-links{display:flex;gap:15px;margin-top:10px}.project-link{padding:10px 20px;background:transparent;color:var(--blue-primary);text-decoration:none;border:1px solid var(--blue-primary);border-radius:8px;transition:all .3s ease;text-align:center;flex:1}.project-link:hover{background:var(--blue-primary);color:var(--bg-dark);transform:translateY(-2px)}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.contact{background:var(--bg-dark);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-subtitle{font-size:2rem;margin-bottom:20px;color:var(--blue-primary)}.contact-description{color:var(--text-secondary);line-height:1.8;margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:25px}.contact-item{display:flex;gap:20px;align-items:flex-start;padding:20px;background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.contact-item:hover{border-color:var(--blue-primary);transform:translate(5px)}.contact-icon{font-size:2rem}.contact-item h4{color:var(--text-primary);margin-bottom:5px;font-size:1.1rem}.contact-item a{color:var(--blue-primary);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--blue-secondary)}.contact-item p{color:var(--text-secondary);margin:0}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:var(--text-primary);font-weight:500;font-size:1rem}.form-group input,.form-group textarea{padding:15px;background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--blue-primary);box-shadow:0 0 0 3px #0077ff1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{padding:15px 40px;background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));color:var(--bg-dark);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0077ff4d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #07f6}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#666,#888)}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:40px}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 20px 20px}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-title{font-size:1.5rem;background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.footer-description{color:var(--text-secondary);line-height:1.6}.footer-heading{color:var(--text-primary);font-size:1.2rem;margin-bottom:5px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:var(--blue-primary);transform:translate(5px)}.social-links{display:flex;flex-direction:column;gap:10px}.social-link{color:var(--text-secondary);text-decoration:none;padding:8px 16px;background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:8px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;display:inline-block;text-align:center}.social-link:hover{color:var(--blue-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}}.blog{min-height:100vh;padding:100px 20px 120px;background:var(--bg-dark);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.blog-container{max-width:1200px;margin:0 auto}.blog-header{text-align:center;margin-bottom:60px}.blog-title{font-size:3rem;margin-bottom:20px;background:linear-gradient(135deg,var(--text-primary),var(--blue-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{font-size:1.2rem;color:var(--text-primary);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.medium-link{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));color:var(--text-primary);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0077ff4d}.medium-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07f6}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--blue-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:var(--text-secondary);font-size:1.1rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.article-card{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-10px);border-color:var(--blue-primary);box-shadow:0 10px 30px #0077ff4d}.article-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--bg-dark),var(--bg-secondary))}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-image img{transform:scale(1.1)}.article-content{padding:25px;display:flex;flex-direction:column;gap:15px;flex:1}.article-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.article-date{color:var(--text-secondary);font-size:.9rem}.article-category{padding:4px 12px;background:#0077ff1a;color:var(--blue-primary);border-radius:20px;font-size:.85rem;border:1px solid rgba(0,119,255,.3)}.article-title{font-size:1.4rem;color:var(--text-primary);margin:0;line-height:1.4}.article-excerpt{color:var(--text-secondary);line-height:1.6;flex:1}.read-more-btn{display:inline-flex;align-items:center;gap:8px;color:var(--blue-primary);text-decoration:none;font-weight:600;transition:all .3s ease;align-self:flex-start}.read-more-btn:hover{gap:12px;color:var(--blue-secondary)}.no-articles{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.blog{padding:80px 15px 120px}.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.articles-grid{grid-template-columns:1fr;gap:20px}.article-image{height:180px}}.bottom-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:999}.bottom-nav-container{background:#00142833;border:1px solid rgba(255,255,255,.15);border-radius:50px;display:flex;gap:8px;padding:10px;box-shadow:0 8px 32px #00000080,0 0 20px #0077ff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%)}.nav-item{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:12px;border-radius:50%;transition:all .3s ease;width:45px;height:45px;position:relative}.nav-icon{font-size:1.2rem;transition:all .3s ease}.nav-item:hover{background:#0077ff26;color:var(--blue-primary);transform:translateY(-3px)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active{background:linear-gradient(135deg,#07f3,#005ec433);color:var(--blue-primary);box-shadow:0 0 15px #0077ff4d}.nav-item.active .nav-icon{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 2px var(--blue-primary))}50%{filter:drop-shadow(0 0 8px var(--blue-primary))}}@media (max-width: 480px){.bottom-nav{bottom:20px}.bottom-nav-container{padding:8px;gap:6px}.nav-item{width:40px;height:40px;padding:10px}.nav-icon{font-size:1.1rem}.settings-dropdown{bottom:70px;padding:15px}.settings-title{font-size:.9rem}.settings-option{font-size:.85rem;padding:8px 12px}}.settings-dropdown{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#00142833;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:20px;box-shadow:0 8px 32px #00000080,0 0 20px #0077ff26;min-width:250px;animation:slideUp .3s ease-out;z-index:998}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.settings-section{margin-bottom:15px}.settings-section:last-child{margin-bottom:0}.settings-title{color:var(--blue-primary);font-size:1rem;font-weight:600;margin-bottom:10px;text-align:center}.settings-options{display:flex;gap:10px;justify-content:center}.settings-option{background:#0035664d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);cursor:pointer;padding:10px 15px;font-size:.9rem;transition:all .3s ease;flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.settings-option:hover{background:#07f3;border-color:var(--blue-primary);color:var(--blue-primary);transform:translateY(-2px)}.settings-option.active{background:linear-gradient(135deg,#0077ff4d,#005ec44d);border-color:var(--blue-primary);color:var(--text-primary);box-shadow:0 0 15px #0077ff4d}.App{min-height:100vh;padding-bottom:40px}main{padding-top:0}section{padding:80px 20px;max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;margin-bottom:50px;text-align:center;position:relative;color:var(--text-primary)}.section-title:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(90deg,var(--blue-primary),var(--blue-secondary));margin:20px auto 0;border-radius:2px}@media (max-width: 768px){section{padding:60px 20px}.section-title{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: rgba(0, 8, 20, .3);--bg-secondary: rgba(0, 29, 61, .25);--bg-card: rgba(0, 53, 102, .2);--blue-primary: #0077ff;--blue-secondary: #005ec4;--blue-dark: #003d82;--text-primary: #e8f1ff;--text-secondary: #94b3d4;--border-color: rgba(26, 77, 122, .4);--accent-glow: rgba(0, 119, 255, .5);--glass-bg: rgba(0, 20, 40, .15);--glass-border: rgba(0, 119, 255, .3);--glass-blur: blur(25px)}body.light-theme{--bg-dark: rgba(255, 255, 255, .4);--bg-secondary: rgba(240, 248, 255, .5);--bg-card: rgba(230, 242, 255, .3);--blue-primary: #0066cc;--blue-secondary: #004d99;--blue-dark: #003366;--text-primary: #1a1a2e;--text-secondary: #4a5568;--border-color: rgba(0, 102, 204, .3);--accent-glow: rgba(0, 102, 204, .4);--glass-bg: rgba(255, 255, 255, .2);--glass-border: rgba(0, 102, 204, .3)}body.dark-theme{--bg-dark: rgba(0, 8, 20, .3);--bg-secondary: rgba(0, 29, 61, .25);--bg-card: rgba(0, 53, 102, .2);--blue-primary: #0077ff;--blue-secondary: #005ec4;--blue-dark: #003d82;--text-primary: #e8f1ff;--text-secondary: #94b3d4;--border-color: rgba(26, 77, 122, .4);--accent-glow: rgba(0, 119, 255, .5);--glass-bg: rgba(0, 20, 40, .15);--glass-border: rgba(0, 119, 255, .3)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}body.dark-theme{background-image:url(/BG.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}body.light-theme{background-image:url(/BGW.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;transition:background .3s ease}body.dark-theme:before{background:linear-gradient(135deg,#000814d9,#001d3dbf,#000814d9)}body.light-theme:before{background:linear-gradient(135deg,#fff6,#f0f8ff4d,#fff6)}body>*{position:relative;z-index:1}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--blue-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--blue-secondary)}