:root{--bg-dark:#191923;--bg-panel:#20202a;--accent:#ffc107;--text-light:#fafafa;--text-muted:#8c8c8e;--border:#ffffff0d;--box-shadow:0 3px 8px 0 #0f0f1433}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-muted);font-family:Poppins,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.arter-layout{gap:30px;max-width:1440px;min-height:100vh;margin:0 auto;padding:15px;display:flex}.arter-sidebar{background:var(--bg-panel);width:290px;min-width:290px;box-shadow:var(--box-shadow);z-index:10;border-radius:5px;flex-direction:column;height:calc(100vh - 30px);display:flex;position:sticky;top:15px}.sidebar-header{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(159deg,#252532fa 0%,#23232dfa 100%);border-radius:5px 5px 0 0;padding:30px}.profile-img{object-fit:cover;border:3px solid var(--bg-panel);width:90px;height:90px;box-shadow:0 0 0 3px var(--accent);border-radius:50%;margin-bottom:15px}.name{color:var(--text-light);margin-bottom:5px;font-size:16px;font-weight:600}.typing-text{color:var(--text-muted);justify-content:center;gap:5px;font-size:13px;display:flex}.typing-text span.code{color:var(--accent)}.sidebar-scrollable{flex:1;padding:30px;overflow-y:auto}.info-list{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.info-item{justify-content:space-between;font-size:13px;display:flex}.info-item .label{color:var(--text-light);font-weight:500}.info-item .value{color:var(--text-muted)}.divider{background:var(--border);height:1px;margin:20px 0}.languages{justify-content:space-between;margin-bottom:20px;display:flex}.circle-progress{text-align:center;width:55px}.circle-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--bg-dark);stroke-width:8px}.circle-fill{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.5s}.circle-progress-text{color:var(--text-light);margin-top:10px;font-size:12px;font-weight:500}.hard-skills{flex-direction:column;gap:15px;display:flex}.skill-item-header{color:var(--text-light);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.progress-bar-bg{background:var(--bg-dark);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:2px;height:100%}.sidebar-footer{border-top:1px solid var(--border);background:linear-gradient(159deg,#252532fa 0%,#23232dfa 100%);border-radius:0 0 5px 5px;justify-content:center;gap:15px;padding:20px 30px;display:flex}.social-link{color:var(--text-muted);align-items:center;transition:color .3s;display:flex}.social-link:hover{color:var(--text-light);text-shadow:0 0 5px #ffffff4d}.arter-content{border-radius:5px;flex:1;position:relative;overflow:hidden}.arter-content-inner{height:100%}.section{padding-bottom:40px;position:relative}.section-title{color:var(--text-light);margin-bottom:30px;font-size:18px;font-weight:600;position:relative}.hero-banner{background:var(--bg-panel);box-shadow:var(--box-shadow);border-radius:5px;margin-bottom:40px;padding:60px 50px;position:relative;overflow:hidden}.hero-content-wrapper{z-index:1;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.hero-text{flex:1}.hero-image-container{flex:0 0 320px;justify-content:center;align-items:center;display:flex}.hero-image{object-fit:cover;border:4px solid var(--border);border-radius:10px;width:100%;height:400px;box-shadow:0 10px 30px #00000080}.hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 100%,#ffc1071a 0%,#0000 70%);width:40%;height:100%;position:absolute;top:0;right:0}.hero-banner h1{color:var(--text-light);margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.1}.hero-banner h1 span{color:var(--accent)}.hero-banner p{color:var(--text-light);margin-bottom:30px;font-size:15px;line-height:1.7}.timeline-container{background:var(--bg-panel);box-shadow:var(--box-shadow);border-radius:5px;padding:40px 40px 10px}.timeline-list{position:relative}.timeline-list:before{content:"";background:#2b2b35;width:2px;height:100%;position:absolute;top:0;left:1px}.timeline-item{margin-bottom:40px;padding-left:35px;position:relative}.timeline-marker{border:3px solid var(--bg-panel);background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-4px;box-shadow:0 0 0 3px #ffc10733}.timeline-item-title{color:var(--text-light);margin-bottom:5px;font-size:15px;font-weight:500}.timeline-item-period{color:var(--text-muted);background:var(--bg-dark);border-radius:15px;margin-bottom:15px;padding:3px 10px;font-size:11px;display:inline-block}.timeline-item-company{color:var(--accent);margin-bottom:10px;font-size:13px}.timeline-item-desc{font-size:13px;list-style:none}.timeline-item-desc li{margin-bottom:8px;padding-left:15px;position:relative}.timeline-item-desc li:before{content:"•";color:var(--accent);position:absolute;left:0}.coach-card{background:var(--bg-panel);box-shadow:var(--box-shadow);border-top:3px solid var(--accent);border-radius:5px;padding:40px}.coach-card h3{color:var(--text-light);margin-bottom:15px;font-size:16px}.coach-card ul{margin:20px 0;list-style:none}.coach-card ul li{color:var(--text-muted);margin-bottom:15px;padding-left:20px;font-size:14px;position:relative}.coach-card ul li:before{content:">";color:var(--accent);font-family:monospace;font-weight:700;position:absolute;left:0}.btn-primary{background:var(--accent);color:var(--bg-dark);text-transform:uppercase;letter-spacing:1px;border-radius:3px;align-items:center;gap:10px;padding:12px 25px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px -5px #ffc10766}@media (width<=992px){.arter-layout{flex-direction:column}.arter-sidebar{width:100%;min-width:100%;height:auto;position:relative;top:0}.sidebar-header{padding:40px}.sidebar-scrollable{max-height:unset;overflow:visible}.hero-content-wrapper{text-align:center;flex-direction:column}.hero-image-container{flex:none;width:100%;max-width:320px}.hero-image{height:320px}}