:root{--bg-color:#0b0f14;--text-primary:#f4f6f8;--text-secondary:#a1a8b7;--accent-color:#2563eb;--accent-glow:#2563eb80;--accent-gradient:linear-gradient(135deg, #2563eb, #3b82f6, #60a5fa);--glass-bg:#151a23b3;--glass-border:#a1a8b71a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);overflow-wrap:break-word;min-height:100vh;font-family:Outfit,sans-serif;position:relative}.blob{filter:blur(120px);z-index:-1;opacity:.4;animation:10s ease-in-out infinite alternate float;position:fixed}.blob-1{background:radial-gradient(circle, var(--accent-color), transparent 60%);width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#3b82f6,#0000 60%);width:600px;height:600px;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.header-container{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:0 5%;display:flex;position:fixed;top:24px;left:0}.header-container>*{pointer-events:auto}.logo{letter-spacing:-1px;align-items:center;font-size:2rem;font-weight:800;display:flex}.logo .dot{color:var(--accent-color)}.nav-pill{-webkit-backdrop-filter:blur(24px);background:#151a2366;border:1px solid #ffffff14;border-radius:50px;padding:.5rem;transition:all .3s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003,inset 0 1px #ffffff1a}.nav-pill:hover{border-color:#ffffff26;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff26,0 0 20px #2563eb33}.nav-pill-links{align-items:center;list-style:none;display:flex;position:relative}.nav-pill-links li{z-index:1;position:relative}.nav-pill-links a{color:var(--text-primary);border-radius:50px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.nav-pill-links a:hover{color:#fff;background:#ffffff1a}.contact-btn{border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffff05;border-radius:50px;padding:.6rem 1.5rem;font-weight:500;text-decoration:none;position:relative;overflow:hidden;transition:all .4s!important}.contact-btn:before{content:"";background-color:var(--text-primary);z-index:-1;transform-origin:100%;border-radius:50px;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:scaleX(0)}.contact-btn:hover:before{transform-origin:0;transform:scaleX(1)}.contact-btn:hover{color:var(--bg-color)!important;background-color:#0000!important}.header-actions{pointer-events:auto;align-items:center;gap:1rem;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;z-index:101;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);z-index:99;opacity:0;pointer-events:none;background:#0b0f14f2;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-links{text-align:center;flex-direction:column;gap:2rem;list-style:none;transition:transform .3s;display:flex;transform:translateY(20px)}.mobile-menu-overlay.open .mobile-menu-links{transform:translateY(0)}.mobile-menu-links a{color:var(--text-primary);font-size:2rem;font-weight:700;text-decoration:none;transition:color .3s}.mobile-menu-links a:hover{color:var(--accent-color)}.hero-section{justify-content:space-between;align-items:center;gap:4rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:8rem 5% 4rem;display:flex}.hero-content{flex:1;animation:1s ease-out fadeUp}.greeting{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.5rem;font-weight:400}.name{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:5rem;font-weight:800;line-height:1.1}.role-container{align-items:center;margin-bottom:1.5rem;font-size:2rem;font-weight:600;display:flex}.dynamic-text{color:var(--text-primary);margin-left:8px}.cursor{width:3px;color:var(--accent-color);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.description{color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.cta-buttons{gap:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:50px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px var(--accent-glow);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb99}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff0d}.hero-visual{perspective:1000px;flex:1;justify-content:center;animation:1s ease-out .3s both fadeLeft;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:500px;padding:1.5rem;transition:transform .1s ease-out;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 25px 50px -12px #00000080}.code-header{border-bottom:1px solid var(--glass-border);gap:8px;margin-bottom:1rem;padding-bottom:1rem;display:flex}.circle{border-radius:50%;width:12px;height:12px}.red{background:#ef4444}.yellow{background:#eab308}.green{background:#22c55e}.code-snippet{font-family:Courier New,Courier,monospace;font-size:1.1rem;line-height:1.5;overflow-x:auto}.keyword{color:#c678dd}.string{color:#98c379}.operator{color:#56b6c2}.boolean{color:#d19a66}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(30px)rotateY(-5deg)rotateX(5deg)}to{opacity:1;transform:translate(0)rotateY(-5deg)rotateX(5deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:968px){.hero-section{text-align:center;flex-direction:column;gap:2rem;min-height:auto;padding-top:8rem;padding-bottom:0}.name{font-size:3rem}.role-container{justify-content:center;font-size:1.5rem}.nav-pill{display:none}.mobile-menu-btn{display:block}.description{margin:0 auto 2.5rem}.cta-buttons{flex-direction:column;gap:1rem;width:100%;max-width:300px;margin:0 auto}.hero-visual{display:none}}.about-section{max-width:1200px;margin:0 auto;padding:8rem 5%;position:relative}.section-title{text-align:center;margin-bottom:4rem;font-size:3rem;font-weight:800}.section-title span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-content{grid-template-columns:1.3fr 1fr;align-items:center;gap:4rem;display:grid}.about-terminal-wrapper{z-index:2;border-radius:12px;width:100%;box-shadow:0 20px 40px #0006}.terminal-container{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#0a0a0fd9;border-radius:12px;flex-direction:column;height:480px;font-family:Courier New,Courier,monospace;font-size:.95rem;display:flex;overflow:hidden}.terminal-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;padding:.6rem 1rem;display:flex;position:relative}.terminal-buttons{gap:8px;display:flex;position:absolute}.terminal-buttons span{border-radius:50%;width:12px;height:12px}.close-btn{background:#ff5f56}.min-btn{background:#ffbd2e}.max-btn{background:#27c93f}.terminal-title{text-align:center;color:var(--text-secondary);flex:1;font-size:.8rem;font-weight:500}.terminal-body{color:#e2e8f0;cursor:text;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.terminal-line{word-break:break-word;line-height:1.4}.terminal-line.image{padding:.5rem 0}.terminal-photo{object-fit:cover;border:2px solid #ffffff26;border-radius:12px;width:160px;height:160px;margin-top:.3rem;display:block}.terminal-line.error{color:#ff5f56}.prompt{color:#27c93f;margin-right:.5rem;font-weight:700}.terminal-input-line{align-items:center;margin-top:.2rem;display:flex}.terminal-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.terminal-input-line input{color:#e2e8f0;font-family:inherit;font-size:inherit;caret-color:#27c93f;background:0 0;border:none;outline:none;flex:none;width:auto;min-width:2px}.terminal-suggestion{color:#ffffff4d;font-family:Courier New,Courier,monospace;font-size:inherit;pointer-events:none;white-space:pre}.terminal-chips{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.terminal-chip{color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;transition:all .2s}.terminal-chip:active{background:var(--accent-color);border-color:var(--accent-color)}.about-text h3{margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.stats-container{gap:3rem;margin-top:3rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:var(--text-primary);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:.5rem;font-size:1rem;font-weight:500}@media (max-width:968px){.about-section{padding:3rem 5% 2rem}.about-content{grid-template-columns:1fr;gap:3rem}.about-terminal-wrapper{grid-row:2}.terminal-container{height:320px}.about-text p{margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.stats-container{flex-direction:row;gap:1rem;margin-top:2.5rem;display:flex}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex:1;padding:1.5rem 1rem;box-shadow:0 10px 20px #0003}.stat-number{font-size:2.2rem}.stat-label{font-size:.85rem}.section-title{margin-bottom:2rem;font-size:2.2rem}.blob-1,.blob-2{width:300px;height:300px}.timeline-item{width:100%;margin-bottom:2rem;padding-left:50px;padding-right:0;left:0}.timeline-container:after,.timeline-progress-line{margin-left:0;left:10px}.timeline-item:after{left:2px!important;right:auto!important}.tooltip{opacity:1;visibility:visible;box-shadow:none;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.8rem;position:static;transform:none}.skill-card{flex-direction:column;width:80px;height:90px}.social-card:active .social-logo,.social-card:active .contact-prompt{opacity:0;pointer-events:none}.social-card:active .social-box1{bottom:-70%;left:-70%}.social-card:active .social-box2{bottom:-70%;left:70%}.social-card:active .social-box3{bottom:70%;left:-70%}.social-card:active .social-box4{bottom:70%;left:70%}}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.timeline-section{max-width:1400px;margin:0 auto;padding:6rem 5%}.timelines-wrapper{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.timeline-column h3.column-title{color:var(--text-primary);margin-bottom:2rem;font-size:2rem}.timeline-container{padding-top:1rem;position:relative}.timeline-container:after{content:"";z-index:0;background:#1a1a1a;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%}.timeline-progress-line{background:var(--accent-color);width:4px;box-shadow:0 0 10px var(--accent-glow);z-index:1;margin-left:0;position:absolute;top:0;left:10px}.timeline-item{background-color:inherit;z-index:10;width:50%;padding:10px 40px;position:relative}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-item:after{content:"";box-sizing:border-box;z-index:2;background-color:#fff;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:24px;right:-10px}.timeline-item.right:after{left:-10px}.timeline-item.node-active:after,.timeline-item:hover:after{background-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}.timeline-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:all .64s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.timeline-content:before{content:"";background:var(--accent-color);border-radius:inherit;opacity:0;clip-path:circle(0% at 0 0);z-index:0;width:100%;height:100%;transition:all 1s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;transform:skew(-24deg)}.timeline-content:hover{border-color:#fff3}.timeline-content:hover:before{opacity:1;clip-path:circle(150% at 0 0);transform:skew(0deg)}.timeline-content>*{z-index:1;transition:all .4s;position:relative}.timeline-date{background:var(--bg-color);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.timeline-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.timeline-subtitle{color:var(--accent-color);margin-bottom:1rem;font-size:1rem;font-weight:600}.timeline-desc{color:var(--text-secondary);line-height:1.6}.timeline-content:hover .timeline-subtitle,.timeline-content:hover .timeline-desc{color:#fff}.timeline-content:hover .timeline-date{background:#ffffff26;border-color:#ffffff4d}.timeline-container.single-column:after{margin-left:0;left:10px}.timeline-container.single-column .timeline-item{width:100%;margin-bottom:2rem;padding-left:50px;padding-right:0;left:0}.timeline-container.single-column .timeline-item:after{left:2px}@media screen and (max-width:968px){.timelines-wrapper{grid-template-columns:1fr;gap:4rem}}.skills-section{padding:6rem 0;position:relative;overflow:hidden}.skills-bg-pattern{opacity:1;z-index:0;background-image:radial-gradient(#fff6 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0000 80%);mask-image:radial-gradient(#000 10%,#0000 80%)}.skills-container{z-index:1;flex-direction:column;gap:4rem;max-width:1200px;margin:0 auto;padding:3rem 5%;display:flex;position:relative}.skill-category{flex-direction:column;gap:1.5rem;display:flex}.category-title{color:var(--text-primary);border-bottom:1px solid var(--glass-border);width:max-content;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}.skill-grid{flex-wrap:wrap;gap:1.5rem;display:flex}.skill-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.skill-card:hover{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);z-index:10;transform:translateY(-5px)scale(1.05)}.skill-icon{font-size:2rem;transition:all .3s}.skill-card:hover .skill-icon{transform:scale(1.1)}.tooltip{background-color:var(--bg-color);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;border:1px solid var(--glass-border);z-index:20;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);position:absolute;bottom:-35px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 5px 15px #00000080}.skill-card:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media screen and (max-width:768px){.skill-card{width:55px;height:55px}.skill-icon{font-size:1.5rem}.skill-grid{gap:1rem}}.projects-scroll-container{height:300vh;position:relative}.projects-sticky-wrapper{flex-direction:column;justify-content:center;height:100vh;padding-top:5rem;display:flex;position:sticky;top:0;overflow:hidden}.projects-title{margin:0;position:absolute;top:15%;left:5%}.projects-horizontal-track{will-change:transform;gap:4rem;width:max-content;padding:0 5%;transition:transform .1s ease-out;display:flex}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);will-change:transform;border-radius:24px;flex-direction:column;flex-shrink:0;width:45vw;min-width:350px;max-width:600px;height:500px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.project-image-container{width:100%;height:250px;position:relative;overflow:hidden}.project-image-container.icon-mode{border-bottom:1px solid var(--glass-border);background:#ffffff05;justify-content:center;align-items:center;display:flex}.project-icon-wrapper{color:var(--accent-color);filter:drop-shadow(0 0 15px var(--accent-glow));font-size:5rem;transition:transform .5s cubic-bezier(.23,1,.32,1)}.project-card:hover .project-icon-wrapper{transform:scale(1.1)translateY(-5px)}.project-image{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1)}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{opacity:1}.project-links{gap:1rem;transition:transform .3s cubic-bezier(.23,1,.32,1);display:flex;transform:translateY(20px)}.project-card:hover .project-links{transform:translateY(0)}.project-link{background:var(--text-primary);color:var(--bg-color);border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.project-link:hover{background:var(--accent-color);color:#fff;box-shadow:0 5px 15px var(--accent-glow);transform:translateY(-2px)}.project-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.project-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.8rem;display:flex}.project-tag{border:1px solid var(--glass-border);color:var(--accent-color);background:#ffffff0d;border-radius:50px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}@media screen and (max-width:768px){.projects-scroll-container{height:auto}.projects-sticky-wrapper{height:auto;padding-top:6rem;padding-bottom:4rem;position:relative}.projects-title{margin-bottom:3rem;position:relative;top:0}.projects-horizontal-track{flex-direction:column;gap:2rem;width:100%;transform:none!important}.project-card{width:100%;min-width:100%;max-width:100%;height:auto}}.contact-section{max-width:1200px;margin:0 auto;padding:6rem 5% 2rem;position:relative}.contact-content{justify-content:space-between;align-items:center;gap:4rem;display:flex}.contact-info{flex:1}.contact-info h3{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.contact-info p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.contact-details{flex-direction:column;gap:1.5rem;display:flex}.contact-detail-item{align-items:center;gap:1rem;font-size:1.1rem;display:flex}.contact-icon{font-size:1.5rem}.contact-detail-item a{color:var(--text-primary);text-decoration:none;transition:color .3s}.contact-detail-item a:hover{color:var(--accent-color)}.contact-visual{flex:1;justify-content:center;display:flex}.social-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;width:300px;height:300px;transition:all 1s ease-in-out;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.social-background{opacity:.2;background:radial-gradient(circle at 100% 107%,#ff89cc 0%,#9cb8ec 30%,#0fe 60%,#62c2fe 100%);position:absolute;inset:0}.social-logo{z-index:10;justify-content:center;align-items:center;transition:all .6s ease-in-out;display:flex;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.contact-prompt span{text-align:center;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1.2}.social-box{text-align:right;-webkit-backdrop-filter:blur(10px);transform-origin:0 100%;background:#ffffff1a;border-top:2px solid #ffffff80;border-right:1px solid #ffffff4d;border-radius:10% 13% 42% 0%/10% 12% 75% 0%;padding:15px;text-decoration:none;transition:all 1s ease-in-out;display:block;position:absolute;box-shadow:-7px 7px 29px #0003}.social-box:before{content:"";border-radius:inherit;opacity:0;transition:all .5s ease-in-out;position:absolute;inset:0}.social-box:hover .social-icon svg{fill:#fff}.social-icon{color:#fffc;z-index:2;font-size:24px;display:inline-block;position:relative}.social-icon svg{transition:all .5s ease-in-out}.social-box1{width:70%;height:70%;bottom:-70%;left:-70%}.social-box1:before{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-box1:hover:before{opacity:1}.social-box1:hover .social-icon{filter:drop-shadow(0 0 5px #fff)}.social-box2{width:50%;height:50%;transition-delay:.2s;bottom:-50%;left:-50%}.social-box2:before{background:radial-gradient(circle at 30% 107%,#333 0%,#111 90%)}.social-box2:hover:before{opacity:1}.social-box2:hover .social-icon{filter:drop-shadow(0 0 5px #fff)}.social-box3{width:30%;height:30%;transition-delay:.4s;bottom:-30%;left:-30%}.social-box3:before{background:radial-gradient(circle at 30% 107%,#25d366 0%,#128c7e 90%)}.social-box3:hover:before{opacity:1}.social-box3:hover .social-icon{filter:drop-shadow(0 0 5px #fff)}.social-box4{width:15%;height:15%;padding:10px;transition-delay:.6s;bottom:-15%;left:-15%}.social-box4 .social-icon{font-size:16px}.social-box4:before{background:radial-gradient(circle at 30% 107%,#ea4335 0%,#b23121 90%)}.social-box4:hover:before{opacity:1}.social-card:hover{transform:scale(1.05)}.social-card:hover .social-box{bottom:-1px;left:-1px}.social-card:hover .social-logo{opacity:0;pointer-events:none}@media screen and (max-width:768px){.contact-content{text-align:center;flex-direction:column;gap:3rem}.contact-details{align-items:center}}