@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#666;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#1e3a8a}::selection{background:#0003;color:#000}::-moz-selection{background:#0003;color:#000}body{background:#fff;background-attachment:fixed;color:#2c3e50;font-family:Poppins,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden;transition:all .3s ease}html{scroll-behavior:smooth}.loader-overlay{align-items:center;animation:loaderFadeIn .5s ease-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;filter:grayscale(100%);flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:all .8s ease;width:100vw;z-index:9999}.loader-overlay:hover{background:linear-gradient(135deg,#1e3a8a,#3b82f6);filter:grayscale(0)}@keyframes loaderFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loader-overlay.fade-out{animation:loaderFadeOut .8s ease-in forwards}@keyframes loaderFadeOut{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}to{opacity:0;transform:scale(.95)}}.loader-container{margin-bottom:3rem;text-align:center}.loader-logo{margin-bottom:2rem}.logo-text{-webkit-text-fill-color:#0000;animation:logoGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#333;font-size:4rem;font-weight:900;margin-bottom:.5rem}.loader-overlay:hover .logo-text{-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 0 20px #ffffff80}@keyframes logoGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}.logo-subtitle{color:#64748b;font-size:1.2rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease}.loader-overlay:hover .logo-subtitle{color:#ffffffe6}.loader-spinner{height:80px;margin:2rem auto;position:relative;width:80px}.spinner-ring{animation:spin 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-duration:2s;border-top-color:#1e3a8a}.spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:3s;border-right-color:#3b82f6}.spinner-ring:nth-child(3){animation-duration:1.5s;border-bottom-color:#10b981}.loader-overlay:hover .spinner-ring:first-child{border-top-color:#fff}.loader-overlay:hover .spinner-ring:nth-child(2){border-right-color:#fff}.loader-overlay:hover .spinner-ring:nth-child(3){border-bottom-color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-text{margin-top:1rem}.loading-message{color:#475569;font-size:1.1rem;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.loader-overlay:hover .loading-message{color:#ffffffe6}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{animation:dotBounce 1.4s ease-in-out infinite both;background:#64748b;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.loader-overlay:hover .loading-dots span{background:#fffc}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loader-progress{background:#64748b33;border-radius:2px;bottom:4rem;height:4px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:300px}.progress-bar{animation:progressLoad 1.5s ease-out;background:linear-gradient(90deg,#1e3a8a,#3b82f6 50%,#10b981);border-radius:2px;height:100%;transform-origin:left}.loader-overlay:hover .progress-bar{background:linear-gradient(90deg,#fff,#fffc 50%,#fff)}@keyframes progressLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:768px){.logo-text{font-size:3rem}.logo-subtitle{font-size:1rem;letter-spacing:1px}.loader-spinner{height:60px;width:60px}.loading-message{font-size:1rem}.loader-progress{bottom:3rem;width:250px}}.App{min-height:100vh;width:100%}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 30px #0000001a;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo{color:#000;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;transition:all .3s ease}.navbar:hover .logo{color:#1e3a8a}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-menu li{color:#666;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.5px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-menu li.active,.nav-menu li:hover{color:#1e3a8a}.nav-menu li:after{background:#000;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.nav-menu li.active:after,.nav-menu li:hover:after{background:#1e3a8a;width:100%}.hero{align-items:center;background:radial-gradient(circle at 20% 80%,#0000001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#0000001a 0,#0000 50%),linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;transition:all 1s cubic-bezier(.4,0,.2,1)}.hero:hover{background:radial-gradient(circle at 20% 80%,#1e3a8a33 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f633 0,#0000 50%),linear-gradient(135deg,#1e3a8a,#3b82f6)}.hero:before{background:url('data:image/svg+xml;charset=utf-8,<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23dots)"/></svg>');bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;transition:opacity .3s ease}.hero:hover:before{opacity:.6}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.geometric-shape{border:2px solid #ffffff1a;position:absolute;transition:all .8s ease}.shape-1{animation:rotate 20s linear infinite;border-radius:50%;height:300px;right:10%;top:10%;width:300px}.shape-2{animation:float 15s ease-in-out infinite;bottom:15%;height:200px;left:5%;transform:rotate(45deg);width:200px}.shape-3{animation:pulse 10s ease-in-out infinite;border-radius:30%;height:150px;right:20%;top:60%;width:150px}.hero:hover .geometric-shape{border-color:#ffd7004d}.floating-elements{height:100%;position:absolute;width:100%}.float-element{color:#fff3;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;position:absolute;transition:all .6s ease}.element-1{animation:floatUp 12s ease-in-out infinite;left:15%;top:20%}.element-2{animation:floatUp 15s ease-in-out infinite reverse;right:25%;top:70%}.element-3{animation:floatUp 18s ease-in-out infinite;bottom:30%;left:20%}.element-4{animation:floatUp 10s ease-in-out infinite reverse;right:15%;top:40%}.hero:hover .float-element{color:#ffd70066;transform:scale(1.2)}.hero-content{align-items:center;animation:fadeInUp 1s ease;display:flex;height:100%;justify-content:center;padding:2rem;width:100%;z-index:2}.fullscreen-terminal{animation:terminalGlow 3s ease-in-out infinite alternate;background:#000;border:2px solid #001a00;border-radius:12px;box-shadow:0 20px 60px #000c,0 0 0 2px #00ff004d,inset 0 1px 0 #00ff001a;height:75vh;margin:0 auto;max-height:600px;max-width:900px;overflow:hidden;position:relative;width:90%}@keyframes terminalGlow{0%{box-shadow:0 25px 80px #000c,0 0 0 2px #00ff004d,inset 0 2px 0 #00ff001a}to{box-shadow:0 30px 100px #000000e6,0 0 0 3px #00ff0080,inset 0 2px 0 #0f03}}.terminal-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:.8rem 1rem}.terminal-controls{display:flex;gap:.5rem}.control{border-radius:50%;height:12px;transition:all .3s ease;width:12px}.control.red{background:#ff5f56;box-shadow:0 0 5px #ff5f5680}.control.yellow{background:#ffbd2e;box-shadow:0 0 5px #ffbd2e80}.control.green{background:#27ca3f;box-shadow:0 0 5px #27ca3f80}.terminal-controls:hover .control{transform:scale(1.1)}.terminal-title{color:#0f0;flex:1 1;font-size:.95rem;font-weight:700;text-align:center;text-shadow:0 0 15px #00ff00b3}.terminal-body,.terminal-title{font-family:Courier New,monospace}.terminal-body{background:#000;display:flex;flex-direction:column;font-size:.85rem;height:calc(75vh - 50px);justify-content:space-between;line-height:1.4;max-height:550px;overflow:hidden;padding:1.5rem}.terminal-welcome{margin-bottom:2rem;text-align:center}.ascii-art{animation:fadeInDown 1s ease .5s both;color:#00ff41;font-family:Courier New,monospace;font-size:.8rem;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 0 10px #00ff4180;white-space:pre}.terminal-line{color:#0f0;font-size:.85rem;margin-bottom:.5rem;overflow:hidden;white-space:nowrap}.prompt{color:#00ff41;margin-right:.5rem;text-shadow:0 0 5px #00ff41b3}.command{color:#fff;text-shadow:0 0 3px #ffffff80}.terminal-output{margin:.3rem 0 .8rem}.output-line{color:#0f8;font-size:.8rem;margin-bottom:.2rem;overflow:hidden;padding-left:1rem;text-overflow:ellipsis;text-shadow:0 0 5px #0f86;white-space:nowrap}.terminal-actions{border-top:1px solid #0f03;flex-shrink:0;margin-top:1rem;padding-top:.8rem}.action-line{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.terminal-button{background:#0000;border:1px solid #00ff004d;border-radius:4px;color:#0f0;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;margin-left:.5rem;padding:.5rem 1rem;text-shadow:0 0 5px #00ff0080;transition:all .3s ease}.terminal-button:hover{background:#00ff001a;border-color:#0f0;box-shadow:0 4px 15px #00ff004d;color:#00ff41;text-shadow:0 0 10px #00ff41cc;transform:translateY(-1px)}.comment-line{color:#0f8;font-size:.9rem;margin-bottom:.3rem;opacity:.8;text-shadow:0 0 5px #00ff884d}.terminal-text{color:#0f0;flex:1 1;font-size:.8rem;letter-spacing:.3px;line-height:1.4;max-height:200px;overflow:hidden;text-shadow:0 0 5px #0f09;white-space:pre-line}.terminal-cursor{animation:blink-cursor 1s infinite;color:#0f0;font-weight:700;text-shadow:0 0 10px #0f0c}.hero-description{color:#fffc;font-size:1.2rem;font-weight:300;letter-spacing:.5px;line-height:1.6;margin-bottom:3rem;max-width:650px;opacity:.9;text-align:center}@media (max-width:768px){.fullscreen-terminal{border-radius:8px;height:70vh;max-height:500px;width:95%}.terminal-body{height:calc(70vh - 40px);max-height:460px;padding:1rem}.terminal-body,.terminal-line{font-size:.75rem}.output-line,.terminal-text{font-size:.7rem}.terminal-text{max-height:150px}.terminal-title{font-size:.75rem;text-align:left}.terminal-button{font-size:.7rem;padding:.4rem .8rem}.action-line{align-items:flex-start;flex-direction:column;gap:.5rem}.prompt{margin-right:.3rem}}@media (max-width:480px){.fullscreen-terminal{height:65vh;max-height:450px;width:98%}.terminal-body{font-size:.7rem;height:calc(65vh - 35px);max-height:415px;padding:.8rem}.terminal-title{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.scroll-indicator{align-items:center;animation:bounce 2s ease-in-out infinite;bottom:30px;color:#fffc;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:.9rem;position:absolute;z-index:3}.arrow-down,.scroll-arrow{border-bottom:2px solid #0f0c;border-left:2px solid #0f0c;box-shadow:0 0 10px #00ff004d;height:20px;margin-top:10px;transform:rotate(-45deg);width:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section{padding:120px 0;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.section-title{color:#333;font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1.5rem;position:relative;text-align:center;transition:all .4s ease}.section:hover .section-title{color:#1e3a8a}.section-subtitle{color:#777;font-size:1.1rem;font-weight:400;letter-spacing:.5px;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center;transition:all .4s ease}.section:hover .section-subtitle{color:#64748b}.about-section{background:#fff;position:relative}.about-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.about-image{display:flex;justify-content:center}.profile-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:4px solid #666;border-image:linear-gradient(135deg,#666,#777 25%,#888 50%,#999 75%,#bbb) 1;border-radius:16px;box-shadow:0 15px 40px #00000026,inset 0 0 0 2px #fffc;box-sizing:border-box;height:420px;padding:14px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:350px;z-index:1}.profile-container:after{background:linear-gradient(135deg,#2c3e50,#34495e,#7f8c8d,#95a5a6,#ecf0f1);border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:.8;position:absolute;right:-2px;top:-2px;z-index:-1}.profile-image{border-radius:8px;filter:grayscale(100%) brightness(1.1) contrast(1.1);height:100%;object-fit:contain;object-position:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.profile-container:hover{border-image:linear-gradient(135deg,#2c3e50,#34495e 25%,#7f8c8d 50%,#95a5a6 75%,#ecf0f1) 1;box-shadow:0 30px 70px #2c3e504d,inset 0 0 0 2px #ffffffe6;transform:translateY(-8px) scale(1.02)}.profile-container:hover .profile-image{filter:grayscale(0) brightness(1.08) contrast(1.05) saturate(1.15);transform:scale(1.03)}.about-text{color:#2c3e50;position:relative;z-index:1}.about-text h3{color:#333;font-size:2rem;font-weight:600;margin-bottom:1.5rem;transition:all .4s ease}.about-section:hover .about-text h3{color:#1e3a8a}.about-text p{color:#666;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;transition:all .4s ease}.about-section:hover .about-text p{color:#64748b}.skills{flex-wrap:wrap;gap:1rem;margin-top:2rem}.skill-tag{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 10px #0000000d;color:#666;font-size:.85rem;font-weight:500;padding:.6rem 1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-tag:hover{background:#1e3a8a;border-color:#1e3a8a;box-shadow:0 10px 30px #1e3a8a4d;color:#fff;transform:translateY(-3px) scale(1.05)}.career-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:120px 0;position:relative}.career-roadmap{margin:4rem auto 0;max-width:1200px}.roadmap-timeline{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:4rem;overflow-x:auto;padding:2rem 0;position:relative}.timeline-track{animation:trackGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#cbd5e1,#1e3a8a,#f59e0b,#10b981);border-radius:2px;height:4px;left:0;position:absolute;right:0;top:50%;z-index:1}@keyframes trackGlow{0%,to{box-shadow:0 0 10px #1e3a8a4d}50%{box-shadow:0 0 20px #1e3a8a99}}.career-phase{min-width:200px;position:relative;text-align:center;transition:all .4s ease;z-index:2}.career-phase:hover{transform:translateY(-10px)}.phase-header{margin-bottom:2rem;position:relative}.phase-icon{align-items:center;background:#666;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 30px #0003;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:80px}.career-phase:hover .phase-icon{box-shadow:0 15px 50px #1e3a8a66;transform:scale(1.1)}.education-phase .phase-icon{background:linear-gradient(135deg,#64748b,#475569)}.learning-phase .phase-icon{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.developer-phase .phase-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.senior-phase .phase-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.current-phase .phase-icon{animation:currentGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)}@keyframes currentGlow{0%,to{box-shadow:0 8px 30px #10b9814d}50%{box-shadow:0 15px 50px #10b98199;transform:scale(1.05)}}.phase-header h3{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 .5rem;transition:all .3s ease}.phase-years{color:#64748b;font-size:.9rem;font-weight:600;transition:all .3s ease}.phase-content{text-align:left}.milestone{background:#fff;border-left:4px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:1rem;padding:1.5rem;transition:all .4s ease}.milestone:hover{border-left-color:#1e3a8a;box-shadow:0 8px 30px #1e3a8a26;transform:translateX(5px)}.milestone.current{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left-color:#10b981}.milestone h4{color:#333;font-size:1.1rem;font-weight:700;margin:0 0 .5rem;transition:all .3s ease}.milestone p{color:#666;font-size:.9rem;margin:0 0 1rem;transition:all .3s ease}.achievement-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;transition:all .3s ease}.tag:hover{box-shadow:0 4px 15px #10b9814d;transform:scale(1.05)}.skills-evolution{margin-top:4rem;text-align:center}.skills-evolution h3{color:#333;font-size:2rem;font-weight:700;margin-bottom:3rem;transition:all .3s ease}.skills-track{display:flex;gap:2rem;justify-content:space-between;position:relative}.skills-track:before{background:linear-gradient(90deg,#cbd5e1,#7c3aed,#0ea5e9,#10b981);content:"";height:2px;left:10%;position:absolute;right:10%;top:30px;z-index:1}.skill-category{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #0000001a;flex:1 1;padding:2rem 1.5rem;position:relative;transition:all .4s ease;z-index:2}.skill-category:hover{border-color:#1e3a8a;box-shadow:0 20px 60px #1e3a8a26;transform:translateY(-10px)}.skill-category.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.skill-category h4{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:1rem;transition:all .3s ease}.skill-category.active h4{color:#10b981}.skills{display:flex;flex-direction:column;gap:.5rem}.skills span{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-category:hover .skills span{background:#e2e8f0;color:#1e3a8a}.skill-category.active .skills span{background:linear-gradient(135deg,#10b981,#059669);color:#fff}@media (max-width:768px){.roadmap-timeline{align-items:center;flex-direction:column}.timeline-track{background:linear-gradient(180deg,#cbd5e1,#7c3aed,#0ea5e9,#f59e0b,#10b981);bottom:0;height:auto;left:50%;right:auto;top:0;width:4px}.career-phase{text-align:center;width:100%}.phase-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.phase-icon{font-size:1.5rem;height:60px;margin:0;width:60px}.skills-track{flex-direction:column;gap:1.5rem}.skills-track:before{display:none}}.contact-section{background:#fff;position:relative}.social-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.social-card{background:#fafafa;border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 20px #0000000f;color:#666;filter:grayscale(100%);padding:2.5rem;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.social-card:hover{background:#fff;border-color:#1e3a8a;box-shadow:0 20px 60px #1e3a8a33;color:#2c3e50;filter:grayscale(0);transform:translateY(-8px) scale(1.02)}.social-icon{color:#888;font-size:2.5rem;margin-bottom:1.5rem;transition:all .4s ease}.social-card h3{color:#666;font-size:1.3rem;font-weight:600;margin-bottom:.8rem;transition:all .3s ease}.social-card:hover .social-icon,.social-card:hover h3{color:#1e3a8a}.social-card.github:hover .social-icon,.social-card.github:hover h3{color:#333}.social-card.stackoverflow:hover .social-icon,.social-card.stackoverflow:hover h3{color:#f48024}.social-card.linkedin:hover .social-icon,.social-card.linkedin:hover h3{color:#0077b5}.social-card.twitter:hover .social-icon,.social-card.twitter:hover h3{color:#000}.social-card.email:hover .social-icon,.social-card.email:hover h3{color:#ea4335}.social-card.instagram:hover .social-icon,.social-card.instagram:hover h3{color:#e4405f}.social-card.facebook:hover .social-icon,.social-card.facebook:hover h3{color:#1877f2}.hobbies-section{background:#f8fafc;position:relative}.hobbies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.hobby-card{background:#fafafa;border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 20px #0000000f;color:#666;filter:grayscale(100%);padding:2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.hobby-card:hover{background:#fff;border-color:#1e3a8a;box-shadow:0 20px 60px #1e3a8a33;color:#2c3e50;filter:grayscale(0);transform:translateY(-10px) scale(1.03)}.hobby-icon{align-items:center;background:linear-gradient(135deg,#666,#888);border-radius:16px;box-shadow:0 8px 25px #0003;color:#fff;display:flex;font-size:1.8rem;height:72px;justify-content:center;margin:0 auto 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:72px}.hobby-card:hover .hobby-icon{background:linear-gradient(135deg,#1e3a8a,#3b82f6);box-shadow:0 15px 40px #1e3a8a66;transform:translateY(-3px) rotate(5deg) scale(1.1)}.hobby-card h3{color:#666;font-size:1.3rem;font-weight:600;margin-bottom:1rem;transition:all .4s ease}.hobby-card:hover h3{color:#1e3a8a}.hobby-card p{color:#777;font-size:.95rem;line-height:1.6;transition:all .4s ease}.hobby-card:hover p{color:#64748b}.footer{background:#333;color:#fff;padding:4rem 0;position:relative;text-align:center;transition:all .6s ease}.footer:hover{background:#1e3a8a}.footer p{color:#fffc;font-size:1rem;margin-bottom:1.5rem;transition:all .3s ease}.footer:hover p{color:#fffffff2}.footer-social{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem}.footer-social a{color:#fff9;display:inline-block;filter:grayscale(100%);font-size:1.4rem;padding:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-social a:hover{color:#fff;filter:grayscale(0);text-shadow:0 0 10px #ffffff80;transform:translateY(-3px) scale(1.2)}@media (max-width:768px){.nav-menu{gap:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.about-content{grid-template-columns:1fr;text-align:center}.profile-container{border-width:3px;height:340px;padding:12px;width:280px}.hobbies-grid,.social-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ee49d4e0.css.map*/