:root{--bg-gradient: radial-gradient(circle at center, #ffffff 0%, #d0d0d0 25%, #9d9d9d 50%, #646464 70%, #292929 90%, #000000 100%);--header-bg: rgba(20, 20, 20, .4);--header-bg-scroll: rgba(15, 15, 15, .75);--header-border: rgba(255, 255, 255, .1);--text-primary: #ddd;--text-secondary: #ccc;--text-hover: #777777;--header-shadow: rgba(119, 119, 119, .7);--icon-shadow: rgba(119, 119, 119, .8);--bg-card: #f7f7f7;--bg-dark-card: #202020;--text-dark: #ffffff;--text-muted: #666666;--border-color: #373737;--accent-color: #777777;--bg-text-color: transparent;--bg-text-stroke: rgba(128, 128, 128, .2);--bg-text-stroke-width: 2px;--skills-track-color: #444444}body.light-mode{--bg-gradient: radial-gradient(circle at top left, #ffffff 0%, #f3f4f6 30%, #e5e7eb 70%, #d1d5db 100%);--header-bg: rgba(255, 255, 255, .6);--header-bg-scroll: rgba(255, 255, 255, .85);--header-border: rgba(0, 0, 0, .1);--text-primary: #1f2937;--text-secondary: #4b5563;--text-hover: #111827;--header-shadow: rgba(0, 0, 0, .1);--icon-shadow: rgba(0, 0, 0, .15);--bg-dark-card: #ffffff;--text-dark: #333333;--border-color: #d1d5db;--bg-text-color: transparent;--bg-text-stroke: #000000;--bg-text-stroke-width: 4px;--skills-track-color: #000000}*{margin:0;padding:0;box-sizing:border-box;transition:background .3s ease,color .3s ease}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-height:100vh;background:var(--bg-gradient);color:var(--text-primary)}.header{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:85%;padding:14px 30px;display:flex;justify-content:space-between;align-items:center;border-radius:30px;border:1px solid var(--header-border);background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.4s}.header.scroll{background:var(--header-bg-scroll);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 30px #0000001a}.logo h1{color:var(--text-primary);letter-spacing:2px;font-size:24px;font-weight:600}.logo h1 span{color:inherit}.hamburger{display:none;background:none;border:none;cursor:pointer;font-size:22px;color:var(--text-secondary);padding:4px;z-index:1001;transition:.3s}.hamburger:hover{color:var(--text-hover)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:22px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0;transition:.3s}.theme-toggle:hover{color:var(--text-hover);transform:scale(1.1)}ul{display:flex;list-style:none;gap:30px}.links li a{text-decoration:none;color:var(--text-secondary);font-size:17px;font-weight:500;transition:.3s}.links li a:hover{color:var(--text-hover);text-shadow:0 0 8px var(--header-shadow)}.icons{display:flex;gap:18px;align-items:center}.icons li{font-size:22px;transition:.3s}.icons li a{text-decoration:none;color:var(--text-secondary)}.icons li a:hover{color:var(--text-hover);transform:scale(1.15);text-shadow:0 0 8px var(--icon-shadow)}@media(max-width:768px){.header{width:92%;padding:10px 18px;top:10px;flex-wrap:wrap}.logo h1{font-size:18px}.hamburger{display:flex;align-items:center;justify-content:center;order:3}.links{display:none;flex-direction:column;width:100%;order:4;gap:8px;padding-top:14px;padding-bottom:6px;border-top:1px solid var(--header-border);margin-top:10px}.links.links-open{display:flex}.links li{text-align:center}.links li a{font-size:15px;display:block;padding:6px 0}.icons{gap:12px;order:2}.icons li,.theme-toggle{font-size:18px}}@media(max-width:480px){.header{width:95%;padding:8px 14px;top:8px;border-radius:20px}.logo h1{font-size:15px;letter-spacing:1px}.hamburger{font-size:20px}.icons{gap:8px}.icons li,.theme-toggle{font-size:16px}.links li a{font-size:14px}}body:not(.light-mode) .title,body:not(.light-mode) .title h2{color:#000!important}body:not(.light-mode) .project-card h3,body:not(.light-mode) .service-card h3{color:#000!important}body:not(.light-mode) .project-card .btn{color:#000;border-color:#000}body:not(.light-mode) .project-card .btn:hover{background:#000;color:#f7f7f7;border-color:#000}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.buttn{position:absolute;top:85%;left:20%;transform:translate(-50%,-50%);display:flex;gap:20px}.hero-img-container{position:absolute;bottom:0;left:50%;transform:translate(-50%) scale(1.15);transform-origin:bottom center;height:90%;display:flex;align-items:flex-end;justify-content:center;z-index:1}.hero-bg-text{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:15vw;font-weight:900;color:var(--bg-text-color);-webkit-text-stroke:var(--bg-text-stroke-width) var(--bg-text-stroke);white-space:nowrap;z-index:0;font-family:Inter,Outfit,Segoe UI,sans-serif;letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-img{max-width:100%;max-height:100%;object-fit:contain}.buttn a{text-decoration:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:600;color:var(--text-primary);border:2px solid var(--border-color);transition:all .3s ease}.buttn a:hover{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary);transform:translateY(-3px);box-shadow:0 8px 20px #0003}@media(max-width:768px){.hero-bg-text{font-size:14vw;font-weight:600;white-space:normal;text-align:center;width:90%;line-height:1.1;font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em;top:40%}.buttn{left:50%;top:82%;flex-direction:row;gap:14px;align-items:center;justify-content:center;z-index:2}.buttn a{padding:10px 24px;font-size:14px;white-space:nowrap}.hero-img-container{height:75%;bottom:27%}}@media(max-width:480px){.hero-bg-text{font-size:13vw;top:38%;width:95%}.buttn{top:80%;gap:10px}.buttn a{padding:8px 18px;font-size:12px;white-space:nowrap}.hero-img-container{height:65%;bottom:27%}}.about{margin:70px auto;max-width:1200px;padding:40px}.title{margin-bottom:70px;font-size:42px;color:var(--accent-color);text-align:center;position:relative}.content{display:flex;align-items:center;justify-content:center;gap:80px}.photo-card{width:320px;height:420px;perspective:1000px;cursor:pointer}.photo-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.photo-inner.flip{transform:rotateY(180deg)}.photo-front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.photo-front img{width:100%;height:100%;border-radius:12px;object-fit:cover;filter:grayscale(20%);transition:.4s;box-shadow:0 20px 50px #0009}.photo-back{position:absolute;width:100%;height:100%;transform:rotateY(180deg);backface-visibility:hidden}.photo-back img{width:100%;height:100%;border-radius:12px;object-fit:cover;box-shadow:0 20px 50px #0009}.photo-card:hover img{transform:scale(1.05)}.text-about{max-width:520px}.text-about p{font-size:18px;line-height:1.9;color:var(--text-primary);text-align:left}@media(max-width:768px){.about{padding:20px;margin:40px auto}.title{font-size:32px;margin-bottom:40px}.content{flex-direction:column;gap:40px}.photo-card{width:260px;height:340px}.text-about{max-width:100%}.text-about p{font-size:16px;text-align:center}}@media(max-width:480px){.about{padding:15px;margin:30px auto}.title{font-size:26px;margin-bottom:30px}.photo-card{width:220px;height:290px}.text-about p{font-size:14px;line-height:1.7}}.skills{margin-top:120px;text-align:center}.skills h3{color:var(--accent-color);font-size:30px;margin-bottom:40px}.skills-slider{width:100%;overflow:hidden}.skills-track{display:flex;align-items:center;gap:70px;font-size:55px;color:var(--skills-track-color);width:max-content;animation:scrollSkills 20s linear infinite}.skills-track svg{transition:.3s}.skills-track svg:hover{transform:scale(1.2);color:var(--text-primary)}@keyframes scrollSkills{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.skills{margin-top:60px}.skills h3{font-size:24px;margin-bottom:25px}.skills-track{gap:40px;font-size:40px}}@media(max-width:480px){.skills{margin-top:40px}.skills h3{font-size:20px}.skills-track{gap:30px;font-size:32px}}.project{margin:70px auto;max-width:1200px;padding:40px}.title h2{color:var(--text-primary)!important}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.project-card{background:var(--bg-card);border-radius:15px;overflow:hidden;transition:.35s;box-shadow:0 8px 25px #00000014;width:calc(33.333% - 20px);min-width:280px;max-width:350px}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.project-card img{width:100%;height:auto;object-fit:contain;transition:.4s}.project-card:hover img{transform:scale(1.05)}.project-card h3{font-size:18px;margin:10px 15px 5px;color:var(--text-primary)}.project-card p{margin:0 15px 10px;font-size:13px;color:var(--text-muted);line-height:1.4}.skills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.skills a{font-size:11px;padding:4px 10px;background:var(--bg-dark-card);color:var(--text-primary);border-radius:20px;text-decoration:none;transition:.3s;border:1px solid var(--border-color)}.skills a:hover{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}.btns{display:flex;justify-content:center;gap:10px;padding-bottom:15px}.btn{padding:5px 12px;border-radius:25px;border:1px solid var(--border-color);text-decoration:none;font-size:12px;color:var(--text-primary);transition:.3s;display:flex;align-items:center;gap:5px}.btn:hover{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}@media(max-width:768px){.project{padding:20px;margin:40px auto}.title{font-size:32px;margin-bottom:40px}.projects-container{gap:20px}.project-card{width:100%;max-width:400px;min-width:unset}}@media(max-width:480px){.project{padding:15px}.title{font-size:26px;margin-bottom:30px}.project-card h3{font-size:16px}.project-card p{font-size:12px}}.services{margin:70px auto;max-width:1200px;padding:40px}.title{margin-bottom:70px;font-size:42px;color:var(--text-primary);text-align:center;position:relative}.title:after{content:"";width:120px;height:3px;background:var(--accent-color);display:block;margin:15px auto 0;border-radius:2px}.services-container{display:flex;justify-content:center;gap:40px}.service-card{background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--header-border);padding:40px;border-radius:12px;width:300px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:.3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003;border-color:var(--accent-color)}.service-icon{font-size:45px;color:var(--accent-color);margin-bottom:20px}.service-card h3{margin-bottom:15px;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.services{padding:20px;margin:40px auto}.services-container{flex-wrap:wrap;gap:25px}.service-card{width:100%;max-width:350px;padding:30px}}@media(max-width:480px){.services{padding:15px}.service-card{padding:25px}.service-icon{font-size:36px}.service-card h3{font-size:16px}.service-card p{font-size:14px}}.contact{margin:100px auto;max-width:1200px;padding:40px}.title{text-align:center;font-size:40px;color:var(--text-primary);margin-bottom:60px}.title:after{content:"";width:100px;height:3px;background:var(--accent-color);display:block;margin:15px auto}.contact-container{display:flex;justify-content:space-between;gap:80px}.contact-info{max-width:400px}.contact-info h3{font-size:28px;margin-bottom:20px;color:var(--text-primary)}.contact-info p{color:var(--text-secondary);margin-bottom:30px}.info-item{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:16px;color:var(--text-primary)}.contact-icon{font-size:22px;color:var(--accent-color);animation:iconFloat 3s ease-in-out infinite;transition:.3s}.info-item:hover .contact-icon{transform:scale(1.3);color:var(--text-primary)}@keyframes iconFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.contact-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{padding:14px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-dark-card);color:var(--text-primary);font-size:16px;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form button{padding:14px;border:none;border-radius:8px;background:var(--accent-color);color:#fff;font-size:16px;cursor:pointer;transition:.3s}.contact-form button:hover{background:var(--text-primary);transform:translateY(-3px)}@media(max-width:768px){.contact{padding:20px;margin:50px auto}.title{font-size:32px;margin-bottom:40px}.contact-container{flex-direction:column;align-items:center;gap:40px}.contact-info{max-width:100%;text-align:center}.info-item{justify-content:center}.contact-form{max-width:100%}}@media(max-width:480px){.contact{padding:15px}.title{font-size:26px}.contact-info h3{font-size:22px}.contact-form input,.contact-form textarea,.contact-form button{padding:12px;font-size:14px}}.footer{margin-top:80px;padding:20px 0;background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary)}.footer-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center}.social-icons{display:flex;gap:20px}.social-icons a{font-size:22px;color:var(--text-secondary);transition:.3s}.social-icons a:hover{transform:translateY(-4px) scale(1.2);color:var(--text-hover)}@media(max-width:768px){.footer{padding:15px 0}.footer-container{flex-direction:column;gap:15px;text-align:center;padding:0 20px}.social-icons{gap:18px}}@media(max-width:480px){.footer-container{padding:0 15px}.social-icons a{font-size:20px}}