*{margin:0;padding:0;box-sizing:border-box;}:root{--primary-color:#121212;--secondary-color:#ffffff;--accent-color:#ff4d5a;--text-color:#f5f5f5;--transition-time:0.3s;}body{font-family:'Inter', sans-serif;background-color:var(--primary-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;position:relative;} .background-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) translateZ(0);width:60%;height:70%;background:radial-gradient(ellipse at center, rgba(255, 77, 90, 0.15) 0%, rgba(255, 77, 90, 0) 70%);filter:blur(60px);z-index:-1;pointer-events:none;overflow:hidden;animation:pulse 8s ease-in-out infinite alternate;will-change:opacity, transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;}@keyframes pulse{0%{opacity:0.5;transform:translate(-50%, -50%) scale(1);}50%{opacity:0.7;transform:translate(-50%, -50%) scale(1.1);}100%{opacity:0.5;transform:translate(-50%, -50%) scale(1);}} .hero::before{background-image:linear-gradient(135deg, rgba(255, 77, 90, 0.1) 0%, rgba(255, 77, 90, 0) 70%), radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size:100% 100%, 30px 30px;background-position:0 0, 15px 15px;}.container{max-width:1400px;margin:0 auto;padding:0 2rem;} h1, h2, h3{font-weight:700;line-height:1.2;}h1{font-size:5rem;margin-bottom:1rem;}h2{font-size:2.5rem;margin-bottom:2rem;}h3{font-size:1.5rem;margin-bottom:1rem;}p{margin-bottom:1.5rem;} header{padding:2rem 0;position:fixed;width:100%;top:0;left:0;z-index:1000;transition:background 0.3s ease;}header.scrolled{background-color:rgba(18, 18, 18, 0.9);backdrop-filter:blur(10px);}header nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1001;}.logo{font-size:1.5rem;font-weight:700;cursor:pointer;text-decoration:none;color:var(--text-color);transition:color var(--transition-time) ease;}.logo:hover{color:var(--accent-color);} .hamburger-menu{cursor:pointer;height:30px;width:30px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1002;background:none;border:none;padding:0;-webkit-tap-highlight-color:transparent;}.hamburger-menu,.hamburger-icon{cursor:pointer;}.hamburger-icon{width:30px;height:20px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:var(--text-color);border-radius:2px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;}.hamburger-icon span:nth-child(1){top:0px;}.hamburger-icon span:nth-child(2){top:9px;}.hamburger-icon span:nth-child(3){top:18px;} .hamburger-icon.open span:nth-child(1){top:9px;transform:rotate(135deg);background:var(--accent-color);}.hamburger-icon.open span:nth-child(2){opacity:0;left:-60px;}.hamburger-icon.open span:nth-child(3){top:9px;transform:rotate(-135deg);background:var(--accent-color);} .fullscreen-menu{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;max-width:none !important;height:100vh !important;margin:0 !important;background-color:rgba(0,0,0,0.95);padding-top:100px;pointer-events:none; z-index:1000;display:flex;align-items:flex-start; justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.7s ease, visibility 0.7s ease;backdrop-filter:blur(15px); overflow-y:auto; padding-top:120px; box-shadow:inset 0 0 200px rgba(0, 0, 0, 0.8); background-image:radial-gradient(circle at 20% 30%, rgba(255, 77, 90, 0.05) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(61, 138, 255, 0.05) 0%, transparent 40%);}.fullscreen-menu.active{opacity:1;visibility:visible;pointer-events:auto;background-color:rgba(10, 10, 15, 0.85); animation:menuFadeIn 0.8s cubic-bezier(0.19, 1, 0.22, 1);}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}} .menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);z-index:999; opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}.menu-overlay.active{opacity:1;visibility:visible;}.menu-content{display:flex;flex-direction:column;justify-content:flex-start; min-height:60%; width:85%;max-width:1000px; transition:all 0.4s ease;align-items:flex-start; margin:0 auto; position:relative;} .menu-content.scrolled-position{ min-height:60%;justify-content:flex-start;width:85%;align-items:flex-start;} .menu-content::before{content:'';position:absolute;left:-50px;top:0;height:100%;width:4px;background:linear-gradient(180deg, var(--accent-color) 0%, rgba(255, 77, 90, 0.5) 50%, transparent 100%);opacity:0.7;animation:pulseGlow 4s infinite alternate;}@keyframes pulseGlow{0%{box-shadow:0 0 5px 0 rgba(255, 77, 90, 0.3);}100%{box-shadow:0 0 15px 5px rgba(255, 77, 90, 0.5);}}.menu-items{display:flex;flex-direction:column;gap:3rem; margin-top:1rem; transition:all 0.6s ease;width:100%; align-items:flex-start; position:relative;padding-left:30px;  background-image:radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.01) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 0.01) 0%, transparent 20%);} .menu-items::after{content:'';position:absolute;top:-30px;left:-20px;width:calc(100% + 40px);height:calc(100% + 60px);background:rgba(255, 255, 255, 0.02);box-shadow:0 8px 32px rgba(0, 0, 0, 0.2);backdrop-filter:blur(5px);border-radius:20px;border:1px solid rgba(255, 255, 255, 0.05);z-index:-1;} .menu-items.scrolled-position{gap:3rem; margin-top:1rem; margin-bottom:3rem; width:100%;align-items:flex-start; padding-left:30px;} .menu-items.scrolled-position .menu-item{font-size:3.8rem; line-height:1.2; text-align:left; transform:none;} .menu-item{position:relative;padding-left:0; display:inline-block;overflow:hidden;}.menu-item{font-size:4.2rem; color:var(--text-color);text-decoration:none;font-weight:700;position:relative;display:inline-block;transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transform-origin:left;opacity:0;transform:translateY(40px);letter-spacing:-1px; text-shadow:2px 2px 8px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.1); -webkit-background-clip:text; background-clip:text;background-size:200% 100%;background-position:100%;}.fullscreen-menu.active .menu-item{opacity:1;transform:translateY(0);} .fullscreen-menu.active .menu-item:nth-child(1){transition-delay:0.1s;}.fullscreen-menu.active .menu-item:nth-child(2){transition-delay:0.2s;}.fullscreen-menu.active .menu-item:nth-child(3){transition-delay:0.3s;}.fullscreen-menu.active .menu-item:nth-child(4){transition-delay:0.4s;}.menu-item:hover{transform:translateX(20px); color:var(--accent-color);} .menu-items.scrolled-position .menu-item:hover{transform:translateX(20px);} .menu-item:after{content:'';position:absolute;width:0;height:3px; bottom:10px; left:0;background-color:var(--accent-color); transition:width 0.4s ease; border-radius:3px;}.menu-item:hover:after{width:100%;} .menu-item:hover{text-shadow:0 0 10px rgba(255, 77, 90, 0.3);}.menu-footer{display:flex;flex-direction:column;gap:1.8rem; margin-top:5rem; margin-bottom:4rem; opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease, margin 0.4s ease;transition-delay:0.6s;width:100%;align-items:flex-start; position:relative;padding-left:30px; padding-top:2.5rem;  background-image:linear-gradient(to right, var(--accent-color), transparent);background-size:150px 1px;background-position:left top;background-repeat:no-repeat;} .menu-footer::before{content:'';position:absolute;top:30px;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 30%, rgba(255, 77, 90, 0.1) 0%, transparent 10%), radial-gradient(circle at 80% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 15%);filter:blur(5px);opacity:0.3;animation:floatParticles 8s infinite alternate;}@keyframes floatParticles{0%{transform:translateY(0) translateX(0);}100%{transform:translateY(-20px) translateX(10px);}}.fullscreen-menu.active .menu-footer{opacity:1;transform:translateY(0);} .menu-footer.scrolled-position{margin-top:5rem; position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start; text-align:left;padding-left:20px; border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:2rem;}.menu-footer .social-links{display:flex;gap:2.5rem; margin-bottom:1.5rem;justify-content:flex-start;}.social-link{position:relative;transition:transform 0.3s ease, box-shadow 0.3s ease; font-weight:500; letter-spacing:0.8px; padding:5px 10px; border-radius:8px; background:rgba(255, 255, 255, 0.03); border:1px solid rgba(255, 255, 255, 0.05);color:var(--text-color);}.social-link:hover{transform:translateY(-5px); color:var(--accent-color); background:rgba(255, 255, 255, 0.05); box-shadow:0 5px 15px rgba(0, 0, 0, 0.15);} .social-link::before{content:none;}.menu-email{opacity:0.9;font-size:1.2rem;position:relative;padding:8px 15px 8px 40px; background:rgba(255, 255, 255, 0.03);border-radius:30px;border:1px solid rgba(255, 255, 255, 0.08);transition:transform 0.3s ease, background-color 0.3s ease; margin-top:10px;color:var(--text-color);}.menu-email:hover{background:rgba(255, 255, 255, 0.05); transform:translateY(-3px);} .menu-email::before{content:'✉';position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--accent-color);font-size:1.2rem;} .hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;perspective:1000px;background-color:var(--primary-color);position:relative;} .hero::before, .hero::after{content:'';position:absolute;z-index:-1;pointer-events:none;} .hero::before{top:-250px;right:-250px;width:500px;height:500px;background:linear-gradient(135deg, rgba(255, 77, 90, 0.1) 0%, rgba(255, 77, 90, 0) 70%);border-radius:50%;filter:blur(30px);transform:rotate(-15deg);} .hero::after{bottom:-200px;left:-200px;width:400px;height:400px;background:linear-gradient(45deg, rgba(61, 138, 255, 0.1) 0%, rgba(61, 138, 255, 0) 70%);border-radius:50%;filter:blur(40px);transform:rotate(15deg);} .fullscreen-hero{min-height:100vh;height:100vh;max-height:100vh;}.hero-content{text-align:center;z-index:2;transition:transform 0.1s ease-out;will-change:transform;transform-style:preserve-3d;}.hero-content h1{margin-bottom:0.5rem;transition:text-shadow 0.3s ease;}.hero-content:hover h1{text-shadow:0 10px 20px rgba(0, 0, 0, 0.3);}.subtitle{font-size:1.5rem;opacity:0.8;transition:all 0.3s ease;position:relative;margin-bottom:2rem;min-height:3.5rem; display:flex;flex-direction:column;align-items:center;justify-content:center;}.subtitle:after{content:none;}.hero-content:hover .subtitle:after{width:0;} .role-text{display:inline-block;font-weight:500;}.animated-roles{display:block;font-weight:400;color:var(--accent-color);height:1.8rem;overflow:hidden;margin-top:0.3rem;min-width:1px;font-size:1.2rem;opacity:0.9;} .typing{border-right:2px solid var(--accent-color);white-space:nowrap;overflow:hidden;display:inline-block;position:relative;animation:typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;text-decoration:none;}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from, to{border-color:transparent}50%{border-color:var(--accent-color)}} .fade-in-role{animation:fadeInRole 0.5s ease forwards;}@keyframes fadeInRole{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} .fade-out-role{animation:fadeOutRole 0.5s ease forwards;}@keyframes fadeOutRole{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-10px);}} .stats-container{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:2rem 0;padding:1.2rem 1.5rem;background:rgba(255, 255, 255, 0.03);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255, 255, 255, 0.05);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);animation:fadeIn 1s ease-out;}.stat-item{text-align:center;padding:0 1.5rem;}.stat-number{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:0.5rem;text-shadow:0 0 15px rgba(255, 77, 90, 0.4);}.stat-label{font-size:0.9rem;color:rgba(255, 255, 255, 0.7);letter-spacing:0.5px;}.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2), transparent);}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}} .homepage-links{display:flex;gap:2rem;margin-top:3rem;justify-content:center;}.home-link{display:inline-block;padding:0.8rem 2rem;border:1px solid rgba(255, 255, 255, 0.2);border-radius:30px;text-decoration:none;color:var(--text-color);font-weight:500;transition:all 0.3s ease;position:relative;overflow:hidden;}.home-link:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-color);transition:left 0.3s ease;z-index:-1;}.home-link:hover{border-color:var(--accent-color);color:white;}.home-link:hover:before{left:0;}@media (max-width:768px){.homepage-links{flex-direction:column;gap:1rem;}.home-link{width:100%;text-align:center;} .fullscreen-menu{padding-top:100px;}.menu-content{width:90%;}.menu-content::before{left:-20px;width:3px;}.menu-items{gap:2rem;padding-left:15px;}.menu-item{font-size:2.5rem;}.menu-items.scrolled-position .menu-item{font-size:2.5rem;}.menu-footer{margin-top:3rem;padding-left:15px;gap:1.2rem;}.menu-footer .social-links{flex-wrap:wrap;gap:1rem;}.social-link{font-size:0.9rem;padding:4px 8px;}.menu-email{font-size:1rem;padding:6px 12px 6px 35px;}.menu-email::before{left:12px;font-size:1rem;}}@media (max-width:480px){.fullscreen-menu{padding-top:80px;}.menu-items{gap:1.5rem;padding-left:10px;}.menu-item{font-size:2rem;}.menu-items.scrolled-position .menu-item{font-size:2rem;}.menu-item:after{height:2px;bottom:5px;}.menu-footer{margin-top:2.5rem;padding-left:10px;}.menu-footer .social-links{gap:0.75rem;}.social-link{font-size:0.85rem;}.menu-email{font-size:0.9rem;}.menu-content::before{display:none;}.menu-items::after{left:-10px;width:calc(100% + 20px);}} .glitch-text{position:relative;animation:glitch 3s infinite;}@keyframes glitch{0%{text-shadow:0.05em 0 0 rgba(255, 0, 0, 0.75), -0.05em -0.025em 0 rgba(0, 255, 0, 0.75), -0.025em 0.05em 0 rgba(0, 0, 255, 0.75);}14%{text-shadow:0.05em 0 0 rgba(255, 0, 0, 0.75), -0.05em -0.025em 0 rgba(0, 255, 0, 0.75), -0.025em 0.05em 0 rgba(0, 0, 255, 0.75);}15%{text-shadow:-0.05em -0.025em 0 rgba(255, 0, 0, 0.75), 0.025em 0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);}49%{text-shadow:-0.05em -0.025em 0 rgba(255, 0, 0, 0.75), 0.025em 0.025em 0 rgba(0, 255, 0, 0.75), -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);}50%{text-shadow:0.025em 0.05em 0 rgba(255, 0, 0, 0.75), 0.05em 0 0 rgba(0, 255, 0, 0.75), 0 -0.05em 0 rgba(0, 0, 255, 0.75);}99%{text-shadow:0.025em 0.05em 0 rgba(255, 0, 0, 0.75), 0.05em 0 0 rgba(0, 255, 0, 0.75), 0 -0.05em 0 rgba(0, 0, 255, 0.75);}100%{text-shadow:-0.025em 0 0 rgba(255, 0, 0, 0.75), -0.025em -0.025em 0 rgba(0, 255, 0, 0.75), -0.025em -0.05em 0 rgba(0, 0, 255, 0.75);}}  section{padding:6rem 0;}.about, .work, .contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;} .about-container{display:grid;grid-template-columns:3fr 2fr;gap:4rem;align-items:center;}.about-text{max-width:600px;}.about-intro{font-size:1.5rem;font-weight:500;margin-bottom:2rem;color:var(--accent-color);}.skills-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;list-style:none;margin-top:1.5rem;}.skills-list li{position:relative;padding-left:1.5rem;}.skills-list li:before{content:'';position:absolute;left:0;top:0.6rem;width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;}.about-image{position:relative;}.image-placeholder{width:100%;height:400px;background-color:#333;border-radius:8px;position:relative;overflow:hidden;}.image-border{position:absolute;top:-15px;left:15px;width:100%;height:100%;border:2px solid var(--accent-color);border-radius:8px;z-index:-1;}@media (max-width:768px){.about-container{grid-template-columns:1fr;gap:2rem;}.about-image{order:-1;}.skills-list{grid-template-columns:1fr;}} .projects-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:3rem;margin-top:2rem;will-change:opacity, transform;perspective:1000px;}.project-item{position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:8px;transform-style:preserve-3d;background-color:rgba(255, 255, 255, 0.02);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);z-index:1;cursor:pointer;}.project-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);}.project-image{height:350px;background-color:#333;position:relative;overflow:hidden;border-radius:8px 8px 0 0; background-image:linear-gradient(45deg, #333, #555);transform-style:preserve-3d;transition:transform 0.3s ease-out;will-change:transform;}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.project-item:hover .project-overlay{opacity:1;}.project-details{text-align:center;padding:2rem;transform:translateY(20px);transition:transform 0.3s ease;}.project-item:hover .project-details{transform:translateY(0);}.project-details h3{margin-bottom:0.5rem;font-size:1.8rem;}.project-details p{margin-bottom:1.5rem;opacity:0.8;}.project-link{display:inline-block;padding:0.5rem 1.5rem;background-color:var(--accent-color);color:white;text-decoration:none;border-radius:30px;font-weight:500;transition:all 0.3s ease;}.project-link:hover{background-color:white;color:var(--accent-color);transform:translateY(-3px);}.project-info{padding:1.5rem 0;}.project-info h3{margin-bottom:0.5rem;}.project-info p{opacity:0.7;margin-bottom:0;} @media (max-width:768px){.projects-grid{grid-template-columns:1fr;}} .contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}.contact-intro{font-size:1.2rem;margin-bottom:3rem;max-width:500px;}.contact-details{display:grid;gap:2rem;}.contact-info h3{margin-bottom:1rem;font-size:1.2rem;color:var(--accent-color);}.email-link{display:inline-block;color:var(--text-color);text-decoration:none;font-size:1.1rem;transition:all var(--transition-time) ease;}.email-link:hover{color:var(--accent-color);transform:translateX(5px);}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;}.social-link{color:var(--text-color);text-decoration:none;transition:color var(--transition-time) ease;position:relative;}.social-link:after{content:'';position:absolute;width:0;height:1px;bottom:-4px;left:0;background-color:var(--accent-color);transition:width var(--transition-time) ease;}.social-link:hover{color:var(--accent-color);}.social-link:hover:after{width:100%;} .contact-form{background-color:rgba(255, 255, 255, 0.05);padding:2.5rem;border-radius:8px;}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;}.form-group input, .form-group textarea{width:100%;padding:0.8rem 1rem;background-color:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;color:var(--text-color);font-family:inherit;resize:none;transition:border-color var(--transition-time) ease;}.form-group input:focus, .form-group textarea:focus{outline:none;border-color:var(--accent-color);}.submit-btn{padding:0.8rem 2rem;background-color:var(--accent-color);color:white;border:none;border-radius:30px;font-weight:500;cursor:pointer;transition:all var(--transition-time) ease;}.submit-btn:hover{background-color:rgba(255, 77, 90, 0.8);transform:translateY(-3px);}@media (max-width:768px){.contact-container{grid-template-columns:1fr;}} .success-message{background-color:rgba(255, 255, 255, 0.05);padding:2.5rem;border-radius:8px;text-align:center;}.success-message h3{color:var(--accent-color);margin-bottom:1rem;}.success-message p{margin-bottom:2rem;}.back-btn{padding:0.8rem 2rem;background-color:var(--accent-color);color:white;border:none;border-radius:30px;font-weight:500;cursor:pointer;transition:all var(--transition-time) ease;}.back-btn:hover{background-color:rgba(255, 77, 90, 0.8);transform:translateY(-3px);} footer{padding:1rem 0;text-align:center;opacity:0.7;position:absolute;bottom:0;left:0;width:100%;} main{padding-bottom:4rem;}.site-footer{position:relative;clear:both;margin-top:4rem;padding:2rem 0 1.5rem;border-top:1px solid rgba(255, 255, 255, 0.1);}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap;}.footer-links a{color:rgba(255, 255, 255, 0.7);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;}.footer-links a:hover{color:var(--accent-color);}@media (max-width:480px){.footer-links{gap:1.5rem;}.footer-links a{font-size:0.85rem;}} @media (max-width:768px){h1{font-size:2.5rem;}h2{font-size:1.8rem;}.container{padding:0 1.25rem;}nav{padding:0 1.25rem;}.menu{gap:1rem;}.projects-grid{grid-template-columns:1fr;}.stats-container{flex-direction:column;gap:1.2rem;padding:1.25rem 1rem;margin:1.5rem 0;}.stat-divider{width:60px;height:1px;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);}.stat-item{padding:0;}.stat-number{font-size:2rem;}.stat-label{font-size:0.8rem;}.homepage-links{flex-direction:column;gap:0.75rem;margin-top:2rem;width:100%;padding:0 1rem;}.home-link{padding:0.9rem 1.5rem;font-size:0.95rem;}.subtitle{font-size:1.2rem;margin-bottom:1.5rem;}.animated-roles{font-size:1rem;}.hero-content{padding:0 0.5rem;} footer{position:relative;padding:1.5rem 0;margin-top:auto;}.fullscreen-hero{min-height:calc(100vh - 60px);height:auto;max-height:none;padding-bottom:80px;}.logo{font-size:1.2rem;}} @media (max-width:480px){h1{font-size:2rem;line-height:1.2;}h2{font-size:1.5rem;}.container{padding:0 1rem;}nav{padding:0 1rem;}header{padding:1.25rem 0;}.stats-container{gap:1rem;padding:1rem 0.75rem;margin:1.25rem 0;border-radius:12px;}.stat-number{font-size:1.75rem;margin-bottom:0.25rem;}.stat-label{font-size:0.75rem;}.stat-divider{width:50px;}.homepage-links{gap:0.6rem;margin-top:1.5rem;padding:0;}.home-link{padding:0.85rem 1.25rem;font-size:0.9rem;}.subtitle{font-size:1.1rem;min-height:3rem;}.animated-roles{font-size:0.95rem;height:1.5rem;}.hero-content{padding:0;}.fullscreen-hero{padding:80px 0 60px;display:flex;align-items:center;justify-content:center;}.logo{font-size:1.1rem;}footer{padding:1rem 0;font-size:0.85rem;}footer p{margin-bottom:0;}} @media (max-width:360px){h1{font-size:1.75rem;}.stats-container{padding:0.85rem 0.5rem;}.stat-number{font-size:1.5rem;}.stat-label{font-size:0.7rem;}.home-link{padding:0.75rem 1rem;font-size:0.85rem;}.logo{font-size:1rem;}} @media (max-width:768px){.glitch-text{animation:none;text-shadow:none;}.hero::before, .hero::after{filter:blur(20px);opacity:0.5;}@keyframes pulse{0%, 100%{opacity:0.3;transform:translate(-50%, -50%) scale(1);}}} @supports (padding:max(0px)){.container{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));}footer{padding-bottom:max(1rem, env(safe-area-inset-bottom));}nav{padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));}} @media (max-width:896px) and (orientation:landscape){.fullscreen-hero{min-height:auto;height:auto;padding:100px 0 40px;}.stats-container{flex-direction:row;gap:0.5rem;}.stat-divider{width:1px;height:30px;}.stat-number{font-size:1.5rem;}.stat-label{font-size:0.7rem;}h1{font-size:2rem;}.homepage-links{flex-direction:row;justify-content:center;}.home-link{width:auto;}} .cursor-dot, .cursor-circle, .cursor-text{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%, -50%);will-change:transform;}.cursor-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;z-index:10000;transition:transform 0.1s, width 0.3s, height 0.3s, background-color 0.3s;}.cursor-dot.active{width:12px;height:12px;background-color:white;}.cursor-circle{width:40px;height:40px;border:1px solid var(--accent-color);border-radius:50%;opacity:0.5;transition:width 0.3s, height 0.3s, opacity 0.3s, background-color 0.3s, transform 0.2s;}.cursor-circle.hover{width:60px;height:60px;opacity:0.8;background-color:rgba(255, 77, 90, 0.05);}.cursor-circle.project-hover{width:80px;height:80px;opacity:0.8;background-color:rgba(255, 77, 90, 0.1);}.cursor-circle.button-hover{width:60px;height:60px;opacity:0.8;background-color:rgba(255, 77, 90, 0.2);}.cursor-circle.hero-hover{width:100px;height:100px;opacity:0.3;border-color:rgba(255, 255, 255, 0.5);}.cursor-circle.clicked{transform:translate(-50%, -50%) scale(0.8);opacity:0.9;background-color:rgba(255, 77, 90, 0.2);}.cursor-text{font-size:14px;font-weight:500;color:white;white-space:nowrap;opacity:0;transition:opacity 0.3s;display:flex;align-items:center;justify-content:center;}.cursor-text.visible{opacity:1;} .fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);will-change:opacity, transform;}.fade-in.appear{opacity:1;transform:translateY(0);}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);will-change:opacity, transform;}.fade-in-up.appear{opacity:1;transform:translateY(0);}.slide-in-left{opacity:0;transform:translateX(-60px);transition:opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);will-change:opacity, transform;}.slide-in-left.appear{opacity:1;transform:translateX(0);}.slide-in-right{opacity:0;transform:translateX(60px);transition:opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);will-change:opacity, transform;}.slide-in-right.appear{opacity:1;transform:translateX(0);}  .noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.05;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%" height="100%" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');}  .skip-to-content{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--accent-color);color:white;padding:12px 24px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:600;z-index:10000;transition:top 0.3s ease;}.skip-to-content:focus{top:0;outline:3px solid white;outline-offset:2px;} *:focus{outline:none;}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:4px;}a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;}.hamburger-menu:focus-visible{outline:2px solid var(--accent-color);outline-offset:5px;border-radius:4px;}.menu-item:focus-visible{outline:2px solid white;outline-offset:5px;}.home-link:focus-visible, .primary-button:focus-visible, .submit-btn:focus-visible{outline:2px solid white;outline-offset:3px;box-shadow:0 0 0 4px rgba(255, 77, 90, 0.3);} @media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.glitch-text{animation:none !important;text-shadow:none !important;}.typing{animation:none !important;border-right:none !important;}.fade-in, .fade-in-up, .slide-in-left, .slide-in-right{opacity:1 !important;transform:none !important;}.background-glow{animation:none !important;}.menu-item{opacity:1 !important;transform:none !important;transition:color 0.01ms !important;}.fullscreen-menu.active .menu-item{transition-delay:0s !important;}.hero::before, .hero::after{animation:none !important;}} @media (prefers-contrast:high){:root{--accent-color:#ff6b6b;}.menu-item, .social-link, a{text-decoration:underline;}.home-link, .primary-button, .submit-btn{border:2px solid currentColor;}} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}