:root{--color-bg-dark: #03050C;--color-bg-card: rgba(255, 255, 255, .03);--color-bg-card-hover: rgba(255, 255, 255, .07);--color-text-primary: #EEF2FF;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-accent-primary: #3B82F6;--color-accent-glow: #60A5FA;--color-accent-secondary: #8B5CF6;--color-accent-tertiary: #EC4899;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .2);--color-nav-bg: rgba(3, 5, 12, .85);--color-bg-input: rgba(3, 5, 12, .6);--color-bg-input-focus: rgba(3, 5, 12, .8);--color-bg-footer: #020308;--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--gradient-text: linear-gradient(135deg, #E0E7FF 0%, #3B82F6 100%);--gradient-glow: radial-gradient(circle at center, rgba(59, 130, 246, .4) 0%, rgba(3, 5, 12, 0) 70%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--bg-gradient-1: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, .1) 0%, transparent 20%);--bg-gradient-2: radial-gradient(circle at 90% 80%, rgba(139, 92, 246, .1) 0%, transparent 20%);--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: 1px solid rgba(255, 255, 255, .08);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}[data-theme=light]{--color-bg-dark: #F8FAFC;--color-bg-card: #FFFFFF;--color-bg-card-hover: #F1F5F9;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-border: rgba(0, 0, 0, .06);--color-border-hover: rgba(0, 0, 0, .12);--color-nav-bg: rgba(255, 255, 255, .85);--color-bg-input: rgba(255, 255, 255, .6);--color-bg-input-focus: rgba(255, 255, 255, .9);--color-bg-footer: #F1F5F9;--gradient-text: linear-gradient(135deg, #0F172A 0%, #2563EB 100%);--bg-gradient-1: radial-gradient(circle at 10% 20%, rgba(59, 130, 246, .05) 0%, transparent 25%);--bg-gradient-2: radial-gradient(circle at 90% 80%, rgba(139, 92, 246, .05) 0%, transparent 25%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(255, 255, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}.stagger-item{opacity:0;transform:translateY(30px);transition:opacity .6s var(--transition-normal),transform .6s var(--ease-out-back);transition-delay:var(--delay)}.stagger-item.in-view{opacity:1;transform:translateY(0)}.btn,.nav-links a{transition:transform .2s cubic-bezier(.25,.46,.45,.94),background .3s ease,color .3s ease,box-shadow .3s ease}html{scroll-behavior:smooth;font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-bg-dark)}:root{--ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}body{overflow-x:hidden;line-height:1.6;background-image:var(--bg-gradient-1),var(--bg-gradient-2);background-attachment:fixed}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1240px;margin:0 auto;padding:0 24px}.section{padding:120px 0}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;letter-spacing:.3px;transition:all var(--transition-bounce);gap:8px;position:relative;overflow:hidden;z-index:1}.btn-primary{background:var(--color-accent-primary);color:#fff;box-shadow:0 0 0 1px inset #ffffff1a,0 4px 20px #3b82f633}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%) skew(-15deg);transition:.5s;z-index:-1}.btn-primary:hover:before{transform:translate(100%) skew(-15deg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px inset #fff3,0 8px 25px #3b82f666}.btn-outline{background:#ffffff08;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{border-color:var(--color-accent-primary);background:#3b82f614;transform:translateY(-2px)}.section-header{margin-bottom:80px;text-align:left}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:16px;letter-spacing:-1px;background:linear-gradient(to right,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;font-weight:400}.fade-up{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.fade-up.visible{opacity:1;transform:translateY(0) scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:transparent;transition:all .3s ease;padding:20px 0}.header.scrolled{background:var(--color-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 0;border-bottom:1px solid var(--color-border)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.logo-icon{background:var(--gradient-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.8rem;font-weight:800;color:#fff;box-shadow:0 4px 10px #3b82f64d}.dot{color:var(--color-accent-primary)}.nav-menu{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:6px;border-radius:50px;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-link{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);padding:8px 20px;border-radius:50px;transition:all .3s ease}.nav-link:hover{color:var(--color-text-primary);background:#ffffff0d}.nav-link.active{color:#fff;background:var(--color-accent-primary);box-shadow:0 2px 8px #3b82f640}.nav-link:after{display:none}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{background:transparent;color:var(--color-text-secondary);width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition-fast)}.icon-btn:hover{background:#ffffff0d;color:var(--color-text-primary);border-color:var(--color-text-secondary)}.mobile-menu-btn{display:none;font-size:1.5rem;color:var(--color-text-primary);background:none}.mobile-nav-actions{display:none;flex-direction:column;align-items:center;gap:16px;margin-top:24px;width:100%}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:100px;position:relative;overflow:hidden}.skill-card,.project-card,.tech-card,.contact-item{position:relative;overflow:hidden}.skill-card:before,.project-card:before,.tech-card:before,.contact-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:2}.skill-card:hover:before,.project-card:hover:before,.tech-card:hover:before,.contact-item:hover:before{opacity:1}.hero-container{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#3b82f614;color:var(--color-accent-primary);border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(59,130,246,.2);box-shadow:0 0 20px #3b82f61a}.badge:before{content:"";width:6px;height:6px;background:var(--color-accent-primary);border-radius:50%;box-shadow:0 0 6px var(--color-accent-primary)}.hero-title{font-size:clamp(3rem,6vw,5rem);line-height:1.05;font-weight:800;margin-bottom:24px;letter-spacing:-2px}.hero-description{font-size:1.15rem;color:var(--color-text-secondary);margin-bottom:40px;max-width:540px;line-height:1.7}.hero-buttons{display:flex;gap:16px;margin-bottom:60px}.stats-row{display:flex;gap:60px;padding-top:30px;border-top:1px solid var(--color-border)}.stat-item h3{font-size:2.2rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-item p{font-size:.8rem;color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.hero-visual{position:relative;height:550px;width:100%;display:flex;justify-content:center;align-items:center;perspective:1000px}.glow-sphere{width:400px;height:400px;background:var(--gradient-glow);filter:blur(80px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:pulseGlow 5s infinite alternate;z-index:1}@keyframes pulseGlow{0%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.visual-placeholder{width:90%;height:90%;background:url(/Abdullahi-Abdiweli-Adam-portfolio/assets/myImage.jpg) no-repeat center center;background-size:cover;border-radius:30px;z-index:2;-webkit-mask-image:radial-gradient(circle,black 50%,transparent 100%);mask-image:radial-gradient(circle,black 50%,transparent 100%);opacity:.9;box-shadow:0 40px 80px -20px #00000080;transform:rotateY(-10deg) rotateX(10deg);transition:transform .5s ease-out}.hero-visual:hover .visual-placeholder{transform:rotateY(0) rotateX(0) scale(1.02)}.about-container{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.image-frame{position:relative;width:400px;height:500px;margin:0 auto;border-radius:var(--radius-lg)}.image-frame:before{content:"";position:absolute;inset:-10px;background:var(--gradient-primary);border-radius:30px;opacity:.3;z-index:0;filter:blur(15px)}.placeholder-profile{position:relative;width:100%;height:100%;background:url(/Abdullahi-Abdiweli-Adam-portfolio/assets/myImage.jpg) no-repeat center center;background-size:cover;border-radius:var(--radius-lg);z-index:1;border:1px solid rgba(255,255,255,.1)}.about-headline{font-size:2rem;line-height:1.3;margin-bottom:24px;font-weight:600}.about-text{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:30px}.about-details li{font-size:1.1rem;color:var(--color-text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.skill-card{background:var(--glass-bg);padding:36px;border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg));transition:transform .1s linear,background .3s ease,border-color .3s ease,box-shadow .3s ease;will-change:transform}.skill-card:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--color-accent-primary);z-index:10;border-color:#ffffff26;background:var(--color-bg-card-hover)}.icon-box{width:64px;height:64px;background:#ffffff08;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:24px;transition:var(--transition-fast)}.skill-card:hover .icon-box{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:translateZ(20px) scale(1.1) rotate(5deg)}.skill-card h3{margin-bottom:12px;font-size:1.4rem;font-weight:700}.tech-stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tech-card{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--shadow-sm);padding:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);transform:perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg));transition:transform .1s linear,background .3s ease,border-color .3s ease}.tech-card:hover{border-color:var(--color-accent-secondary);background:var(--color-bg-card-hover)}.tech-icon{font-size:.85rem;font-weight:700;color:var(--color-accent-secondary);background:#8b5cf61a;padding:4px 10px;border-radius:6px;margin-bottom:12px;display:inline-block}.filter-buttons{display:flex;padding-top:20px;gap:12px;flex-wrap:wrap}.filter-btn{padding:8px 18px;background:#ffffff08;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:50px;font-size:.9rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.project-card{background:var(--glass-bg);border-radius:20px;overflow:hidden;border:var(--glass-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;group:project-card;transform:perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg));transition:transform .1s linear,background .3s ease,border-color .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--color-accent-primary);z-index:10;border-color:#ffffff26}.project-image{height:240px;overflow:hidden;position:relative;border-bottom:1px solid var(--color-border)}.image-placeholder{width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.image-placeholder img{width:100%;height:100%;object-fit:cover}.gradient-1{background:radial-gradient(circle at 50% 50%,#2b304c,#05081c)}.gradient-2{background:radial-gradient(circle at 50% 50%,#0f2027,#05081c)}.gradient-3{background:radial-gradient(circle at 50% 50%,#141e30,#05081c)}.project-card:hover .image-placeholder{transform:scale(1.1)}.project-content{padding:28px;flex:1}.project-tags{display:flex;gap:8px;margin-bottom:16px}.tag{font-size:.75rem;padding:6px 12px;background:#ffffff0d;border-radius:6px;color:var(--color-text-secondary);font-weight:500}.project-card h3{margin-bottom:10px;font-size:1.4rem}.timeline{position:relative;max-width:800px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--color-border),transparent)}.timeline-item{position:relative;margin-bottom:60px;padding-left:100px}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:16px;top:0;width:48px;height:48px;background:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.timeline-item:hover .timeline-icon{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:scale(1.1);box-shadow:0 0 20px #3b82f666}.timeline-content{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:30px;transition:var(--transition-normal);position:relative}.timeline-content:before{content:"";position:absolute;left:-10px;top:24px;width:20px;height:20px;background:var(--color-bg-card);transform:rotate(45deg);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);z-index:1}.timeline-item:hover .timeline-content{background:var(--color-bg-card-hover);border-color:#ffffff26;transform:translate(5px);box-shadow:0 10px 30px -10px #00000080}.timeline-item:hover .timeline-content:before{background:var(--color-bg-card-hover);border-color:#ffffff26}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:10px}.timeline-header h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.timeline-date{font-size:.85rem;padding:4px 12px;background:#ffffff0d;border-radius:50px;color:var(--color-text-secondary);font-weight:500;border:1px solid var(--color-border)}.company{font-size:1rem;color:var(--color-accent-primary);margin-bottom:16px;font-weight:600}.timeline-content p{color:var(--color-text-secondary);margin-bottom:20px;font-size:.95rem}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.tech-tags span{font-size:.75rem;padding:4px 10px;background:#3b82f61a;color:var(--color-accent-blue);border-radius:4px;font-weight:500}@media(max-width:768px){.timeline:before{left:20px}.timeline-item{padding-left:60px}.timeline-icon{left:-4px;width:48px;height:48px}.timeline-content:before{display:none}}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.contact-info{position:relative}.section-label{font-size:.9rem;color:var(--color-accent-primary);font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px;display:inline-block}.contact-title{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;font-weight:800;margin-bottom:24px}.contact-desc{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:40px;max-width:400px;line-height:1.6}.contact-methods{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:20px;padding:24px;background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);transform:perspective(1000px) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg));transition:transform .1s linear,background .3s ease,border-color .3s ease}.contact-item:hover{background:var(--color-bg-card-hover);border-color:#ffffff26;box-shadow:var(--shadow-lg),0 0 0 1px var(--color-accent-primary);z-index:10}.icon-circle{width:50px;height:50px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-text-primary);border:1px solid var(--color-border);transition:var(--transition-fast)}.contact-item:hover .icon-circle{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.contact-item div{display:flex;flex-direction:column}.contact-item .label{font-size:.85rem;color:var(--color-text-tertiary);font-weight:500;margin-bottom:4px}.contact-item .value{font-size:1rem;color:var(--color-text-primary);font-weight:600}.contact-form-wrapper{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.contact-form-wrapper h3{font-size:1.5rem;margin-bottom:30px;font-weight:700}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);padding:16px;font-size:1rem;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;background:var(--color-bg-input-focus);border-color:var(--color-accent-primary);box-shadow:0 0 0 4px #3b82f626}.input-error{border-color:#ef4444!important;background:#ef44440d!important}.error-msg{color:#ef4444;font-size:.85rem;margin-top:6px;height:14px;font-weight:500}.btn-block{width:100%;justify-content:center;padding:16px;font-size:1rem}.footer{background:var(--color-bg-footer);border-top:1px solid var(--color-border);padding:80px 0 40px;margin-top:60px}.footer-container{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid var(--color-border)}.footer-brand h3{font-size:1.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.footer-brand p{color:var(--color-text-secondary);line-height:1.6;max-width:300px}.footer-links{display:flex;flex-direction:column;gap:16px}.footer-links a{color:var(--color-text-secondary);transition:var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-primary);transform:translate(5px)}.footer-bottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--color-text-tertiary);font-size:.9rem}.social-links{margin-top:20px;display:flex;gap:12px}.social-links a{width:40px;height:40px;border-radius:50%;background:#ffffff08;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:1.2rem;transition:all var(--transition-fast)}.social-links a:hover{color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #0003}.social-links a[aria-label=Facebook]:hover{background:#1877f2;border-color:#1877f2}.social-links a[aria-label="X (Twitter)"]:hover{background:#000;border-color:#333}.social-links a[aria-label=LinkedIn]:hover{background:#0a66c2;border-color:#0a66c2}.social-links a[aria-label=Instagram]:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:transparent}.social-links a[aria-label=TikTok]:hover{background:#000;border-color:#333}.social-links a[aria-label=WhatsApp]:hover{background:#25d366;border-color:#25d366}@media(max-width:968px){.container{max-width:100%;padding:0 24px}.hero-container{grid-template-columns:1fr;text-align:center;gap:60px}.hero-buttons,.stats-row{justify-content:center}.image-frame{width:300px;height:380px}.about-container{grid-template-columns:1fr;text-align:center}.about-image-wrapper{order:-1}.about-details li{justify-content:center}.skills-grid,.tech-stack-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.contact-container{grid-template-columns:1fr;gap:60px}.contact-info{text-align:center;display:flex;flex-direction:column;align-items:center}.contact-methods{width:100%;max-width:500px}.footer-container{grid-template-columns:1fr;text-align:center;gap:40px}.footer-brand p{margin:0 auto}.footer-links{align-items:center}.footer-bottom{flex-direction:column;gap:20px}.logo{z-index:1005}}@media(max-width:768px){.section{padding:80px 0}.hero-title{font-size:3rem}.nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--color-bg-dark);flex-direction:column;justify-content:center;align-items:center;transition:.4s cubic-bezier(.4,0,.2,1);z-index:1000;padding:40px;border-radius:0;border:none}.nav-menu.active{right:0}.mobile-menu-btn{display:block;z-index:1001}.mobile-nav-actions{display:flex}.header-actions{display:none}.skills-grid,.tech-stack-grid,.projects-grid{grid-template-columns:1fr}.contact-methods{flex-direction:column}}