@font-face{font-family:SF Pro Display;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:SF Pro Display;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:SF Pro Display;src:url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #000000;--text-secondary: #666666;--accent: #000000;--border: #e0e0e0;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #ffffff;--border: #2a2a2a;--card-bg: #141414;--shadow: rgba(0, 0, 0, .5)}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease;line-height:1.6;overflow-x:hidden}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:var(--bg-secondary)}body::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body{scrollbar-width:thin;scrollbar-color:var(--text-primary) var(--bg-secondary)}.sf-symbol{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;display:inline-block;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1000px;margin:0 auto;padding:20px;position:relative;z-index:10}header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 0;animation:fadeInDown .8s ease}.header-controls{display:flex;gap:15px;align-items:flex-start;margin-top:0}.logo{font-size:24px;font-weight:600;letter-spacing:-1px;min-height:60px;display:flex;align-items:flex-start;cursor:pointer;transition:transform .3s ease;position:relative;width:200px}.logo:hover{opacity:.8}.logo-icon{transition:opacity .3s ease;opacity:1;visibility:visible;flex-shrink:0}.logo-icon.hidden{opacity:0;visibility:hidden;position:absolute}.code-text{font-family:Courier New,monospace;font-size:14px;color:var(--text-primary);white-space:pre;margin:0;opacity:0;line-height:1.4;will-change:opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.theme-toggle,.music-toggle{background:none;border:none;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;color:var(--text-primary);padding:0}.theme-toggle:hover,.music-toggle:hover{transform:scale(1.1);opacity:.8}.theme-icon,.music-icon{transition:all .3s ease;color:var(--text-primary);width:32px;height:32px}.hero{padding:80px 0;animation:fadeIn 1s ease}.hero h1{font-size:clamp(48px,8vw,72px);font-weight:700;line-height:1.1;margin-bottom:20px;letter-spacing:-2px;animation:slideInLeft .8s ease}.hero .subtitle{font-size:24px;color:var(--text-secondary);margin-bottom:40px;animation:slideInLeft .8s ease .2s backwards}.hero .description{max-width:600px;font-size:18px;line-height:1.8;color:var(--text-secondary);margin-bottom:40px;animation:slideInLeft .8s ease .4s backwards}.cta-buttons{display:flex;gap:20px;flex-wrap:wrap;animation:fadeInUp .8s ease .6s backwards}.btn{padding:14px 32px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden;border-radius:12px;z-index:10;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border);transition:left .3s ease;z-index:-1}.btn:hover:before{left:0}.btn:hover{color:var(--text-primary);border-color:var(--border)}.section{padding:40px 0;opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.section.visible{opacity:1;transform:translateY(0)}.section-title{font-size:48px;font-weight:700;margin-bottom:60px;letter-spacing:-1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:0}.skill-card{background:var(--card-bg);border:1px solid var(--border);padding:30px;transition:all .3s ease;position:relative;overflow:hidden;border-radius:16px;opacity:0;transform:translateY(40px)}.section.visible .skill-card{opacity:1;transform:translateY(0)}.skill-card:nth-child(1){transition:all .8s cubic-bezier(.25,.46,.45,.94) .1s}.skill-card:nth-child(2){transition:all .8s cubic-bezier(.25,.46,.45,.94) .2s}.skill-card:nth-child(3){transition:all .8s cubic-bezier(.25,.46,.45,.94) .3s}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--text-secondary);transform:translate(-100%);transition:transform .3s ease}.skill-card:hover:before{transform:translate(0)}.skill-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px 30px var(--shadow)}.skill-card h3{font-size:20px;margin-bottom:15px;font-weight:600}.skill-card p{color:var(--text-secondary);line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.project-card{border:1px solid transparent;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;background:var(--card-bg);border-radius:16px;text-decoration:none;color:inherit;display:block;opacity:0;transform:translateY(40px);will-change:transform,box-shadow;backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:none}.section.visible .project-card{opacity:1;transform:translateY(0)}.project-card:nth-child(1){transition:all .8s cubic-bezier(.25,.46,.45,.94) .1s}.project-card:nth-child(2){transition:all .8s cubic-bezier(.25,.46,.45,.94) .2s}.project-card:nth-child(3){transition:all .8s cubic-bezier(.25,.46,.45,.94) .3s}.project-card:nth-child(4){transition:all .8s cubic-bezier(.25,.46,.45,.94) .4s}.project-card:nth-child(5){transition:all .8s cubic-bezier(.25,.46,.45,.94) .5s}.project-card:nth-child(6){transition:all .8s cubic-bezier(.25,.46,.45,.94) .6s}.project-card:hover{transform:scale(1.02) translateY(0)!important;box-shadow:0 20px 40px var(--shadow)}.project-card:focus{outline:none;border:none}:root .project-card{border-color:var(--border)}:root .project-card,:root .skill-card{box-shadow:0 2px 8px #0000000a}[data-theme=dark] .project-card,[data-theme=dark] .skill-card{border-color:transparent}[data-theme=dark] .btn{border-color:transparent;background:var(--bg-secondary)}[data-theme=dark] .btn:hover{background:var(--border)}.project-image{width:100%;padding-top:27.6%;background:#000;opacity:1;overflow:hidden;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.project-image video{position:absolute;top:0;left:0;width:100%;height:100%;display:block;vertical-align:bottom;object-fit:cover}.project-image.is-image{padding-top:0;height:auto}.project-image.is-image img{position:static;width:100%;height:auto;display:block}.project-content{padding:30px}.project-content h3{font-size:24px;margin-bottom:15px;font-weight:600;overflow-wrap:break-word;word-break:break-word}.project-content p{color:var(--text-secondary);margin-bottom:0;overflow-wrap:break-word;word-break:break-word}.project-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.tag{padding:5px 12px;border:1px solid var(--border);font-size:12px;transition:all .3s ease;border-radius:6px}.project-card:hover .tag{background:var(--border);color:var(--text-primary);border-color:var(--border)}.contact-info{display:flex;gap:40px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:15px;font-size:18px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;padding:10px 0;position:relative}.contact-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--text-secondary);transition:width .3s ease}.contact-item:hover:after{width:100%}.contact-item:hover{color:var(--text-primary);transform:translate(5px)}footer{padding:40px 0;border-top:1px solid var(--border);margin-top:100px;text-align:center;color:var(--text-secondary);opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards;animation-delay:.5s}.visit-counter{margin-top:12px;font-size:14px;color:var(--text-secondary);display:flex;gap:18px;justify-content:center;flex-wrap:wrap;opacity:.85}.visit-counter>span{display:inline-flex;align-items:center;gap:6px}.visit-counter span b{color:var(--text-primary);font-weight:600}.counter-icon{color:var(--text-secondary);flex-shrink:0}.online-dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 #2ecc71b3;animation:onlinePulse 2s infinite;flex-shrink:0}@keyframes onlinePulse{0%{box-shadow:0 0 #2ecc7199}70%{box-shadow:0 0 0 7px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.container{padding:15px}header{padding:20px 0}.logo{font-size:20px}.hero{padding:40px 0}.hero h1{font-size:40px;margin-bottom:15px}.hero .subtitle{font-size:20px;margin-bottom:25px}.hero .description{font-size:16px;margin-bottom:30px}.section{padding:40px 0}.section-title{font-size:32px;margin-bottom:40px}.skills-grid{grid-template-columns:1fr;gap:20px}.skill-card{padding:25px}.projects-grid{grid-template-columns:1fr;gap:25px}.project-content{padding:25px}.project-content h3{font-size:20px}.contact-info{flex-direction:column;gap:10px}.contact-item{font-size:16px}.cta-buttons{gap:12px;justify-content:center}.btn{padding:12px 20px;font-size:14px;flex:1 1 calc(50% - 6px);min-width:140px;text-align:center}footer{margin-top:60px;padding:30px 0;font-size:14px}.logo:hover,.logo:active{opacity:1;transform:none}.logo-icon:hover{opacity:1}}@media(max-width:480px){.hero h1{font-size:32px}.section-title{font-size:28px}}@media(max-width:360px){.cta-buttons{gap:10px}.btn{padding:10px 16px;font-size:13px;min-width:120px;flex:1 1 calc(50% - 5px)}}.animated-sticker{position:absolute;width:160px;height:160px;z-index:5;pointer-events:none;opacity:.9;transition:all .3s ease}.sticker-near-title{top:115px;left:calc(50% - 445px)}@media(max-width:1024px){.sticker-near-title{top:100px;left:70px}}@media(max-width:768px){.sticker-near-title{top:91px;left:25px;width:80px!important;height:80px!important}.animated-sticker{width:120px;height:120px}}@media(max-width:480px){.sticker-near-title{top:91px;left:25px;width:80px!important;height:80px!important}.animated-sticker{width:80px!important;height:80px!important}}