:root{--dark-color:#2c3e50;--primary-color:#3498db;--light-bg:#f4f7f6;--text-color:#333}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.7;margin:0;padding:0;background-color:#fff;color:var(--text-color);overflow-x:hidden}.container{max-width:960px;margin:0 auto;padding:0 20px}h1,h2,h3{color:var(--dark-color);font-weight:700;line-height:1.3}h2{font-size:3em;text-align:center;margin-bottom:60px}section{padding:100px 20px;border-bottom:1px solid #e0e0e0}section:nth-of-type(even){background-color:var(--light-bg)}section:last-of-type{border-bottom:0}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{text-decoration:none;color:#2980b9}.header{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}#bg-video{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;z-index:-2;object-fit:cover}.header::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1}.header h1{margin:0;font-size:4.5em;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.5)}.header p{font-size:1.5em;color:#ecf0f1;text-shadow:0 1px 5px rgba(0,0,0,0.5);margin-top:10px;font-weight:300}nav{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1em 0;position:sticky;top:0;z-index:1000;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05);width:100%}nav a{color:var(--dark-color);margin:0 15px;font-weight:600;transition:color .3s ease}nav a:hover{color:var(--primary-color)}.services-grid,.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.service-item,.skill-item{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-item:hover,.skill-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.service-item h3,.skill-item h3{margin-top:0;color:var(--primary-color);font-size:1.4em}.projects-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:40px}@media(min-width:769px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease}.project:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}.project h3{margin-top:0;font-size:1.5em}#contact{text-align:center;background-color:#fff}footer{text-align:center;padding:40px 20px;background:var(--dark-color);color:#fff}@media(max-width:768px){h2{font-size:2.2em}.header h1{font-size:2.8em}.header p{font-size:1.2em}nav{padding:1em .5em}nav a{margin:0 8px;font-size:.9em}section{padding:60px 20px}}.service-item{position:relative;overflow:hidden;z-index:1}.service-item::after{content:'';position:absolute;right:15px;bottom:10px;width:70px;height:70px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.1;z-index:-1;transition:opacity .3s ease,transform .3s ease}.service-item:hover::after{opacity:.15;transform:scale(1.05) rotate(5deg)}.services-grid .service-item:nth-child(1)::after{background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><pathd="M1220v-4M128V4M2012h-4M812H4M18.3618.36l-2.83-2.83M8.498.49l-2.83-2.83M18.365.64l-2.832.83M8.4915.51l-2.832.83"/><circlecx="12"cy="12"r="3"/></svg>')}.services-grid .service-item:nth-child(2)::after{background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><pathd="M1810h-1.26A88010920h9a550000-10z"/></svg>')}.services-grid .service-item:nth-child(3)::after{background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><pathd="M128V4m00h4.5M124H7.5M128a22011-40a2200140Zm00a2201040a22000-40Z"/><pathd="M812a22011-40a2200140Zm80a22010-40a2200040Z"/><pathd="M1216a22011-40a2200140Zm00a2201040a22000-40Z"/><pathd="M918a3301060H9Z"/></svg>')}.services-grid .service-item:nth-child(4)::after{background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><pathd="M1212v4M124v4"/><pathd="m1463-3"/><pathd="m106-3-3"/><pathd="M3.59H8"/><pathd="M2.515H8"/><pathd="m162.544"/><pathd="m1621.54-4"/><pathd="M169h4.5"/><pathd="M1615h2.5"/></svg>')}.services-grid .service-item:nth-child(5)::after{background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><pathd="M1221H6a22001-2-2V5a220012-2h12a2200122v7"/><pathd="M1619h6"/><pathd="M1916v6"/><pathd="M410h16"/><pathd="M83v4"/><pathd="M163v4"/></svg>')}.services-grid .service-item:nth-child(6)::after{background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><pathd="M33v18h18"/><pathd="M1817V9"/><pathd="M1317V5"/><pathd="M817v-3"/></svg>')}#relax-game{background-color:var(--light-bg);text-align:center}#game-container{width:100%;max-width:600px;height:200px;border:2px solid #34495e;margin:20px auto;position:relative;overflow:hidden;background-color:#fff;border-radius:8px}#character{width:35px;height:35px;background-image:url('data:image/svg+xml,<svgxmlns="http://www.w3.org/2000/svg"viewBox="002424"fill="none"stroke="%232c3e50"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><pathd="M5.6210.24c.06-1.141-2.242.19-2.24h8.38c1.1902.131.12.192.24l.163.02c.071.34-.342.64-1.073.71-.731.07-1.741.77-2.852.01h-5.06c-1.1-.24-2.11-.94-2.85-2.01-.72-1.07-1.13-2.37-1.07-3.71l.16-3.02z"></path><pathd="M514s-1-2-1-42-34-3"></path><pathd="M1914s1-21-4-2-3-4-3"></path><pathd="M915a11001-1-1"></path><pathd="M1515a110001-1"></path></svg>');background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;left:50px}#obstacle{width:20px;height:40px;background-color:#c0392b;position:absolute;bottom:0;right:-20px;border-radius:4px}.slide-animation{animation:slide 2s infinite linear}@keyframes slide{from{right:-20px}to{right:100%}}.jump-animation{animation:jump .6s linear}@keyframes jump{0%{bottom:0}50%{bottom:100px}100%{bottom:0}}#score{position:absolute;top:10px;right:10px;font-size:1.2em;color:#34495e;font-weight:600}#restart-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 20px;font-size:1em;color:white;background-color:var(--primary-color);border:0;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#restart-btn:hover{background-color:#2980b9}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.services-grid .service-item:nth-child(2),.skills-grid .skill-item:nth-child(2){transition-delay:.1s}.services-grid .service-item:nth-child(3),.skills-grid .skill-item:nth-child(3){transition-delay:.2s}.services-grid .service-item:nth-child(4),.skills-grid .skill-item:nth-child(4){transition-delay:.3s}.services-grid .service-item:nth-child(5),.skills-grid .skill-item:nth-child(5){transition-delay:.4s}.services-grid .service-item:nth-child(6),.skills-grid .skill-item:nth-child(6){transition-delay:.5s}.background-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-2}.background-video-container video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1}#skills{position:relative;background-color:transparent;color:#fff}#skills h2,#skills h3,#skills p{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,0.5)}#skills .skill-item{background:rgba(255,255,255,0.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.1)}#skills .skill-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,0.2)}#skills .container.content-above-video{position:relative;z-index:1}#about{background-color:#fff;color:var(--text-color)}.profile-photo-container{text-align:center;margin-bottom:30px}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.contact-icon-links{display:flex;justify-content:center;align-items:center;gap:45px;margin-top:40px}.contact-icon-link{position:relative;color:var(--dark-color);width:60px;height:60px;border-radius:50%;background-color:var(--light-bg);display:flex;align-items:center;justify-content:center;transition:transform .3s ease,color .3s ease,background-color .3s ease}.contact-icon-link svg{width:32px;height:32px;display:block}.contact-icon-link:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.contact-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:var(--dark-color);color:#fff;font-size:.9em;font-weight:600;padding:8px 12px;border-radius:6px;white-space:nowrap;transition:opacity .3s ease,visibility .3s ease;z-index:10}.contact-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:var(--dark-color) transparent transparent transparent}.contact-icon-link:hover .contact-tooltip{visibility:visible;opacity:1}@media(max-width:768px){.contact-icon-links{gap:30px}.contact-icon-link svg{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none !important;transition:none !important}#bg-video,#skills-bg-video{display:none}}