*,:after,:before{box-sizing:border-box}body,html{min-height:100%;margin:0;padding:0;font-family:Raleway,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f6f8;color:#333}.wrapper{max-width:1200px;min-width:320px;margin:20px auto;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.header,.wrapper{position:relative}.header{background:#ffc107;padding:40px 30px;text-align:center}.header h1{font-size:2.8em;margin:0 0 10px;color:#1a1a1a;font-weight:700;letter-spacing:.5px}.header h3{font-size:1.25em;margin:0;color:#333;font-weight:500;letter-spacing:.5px}.main-body{display:flex;flex-direction:row;min-height:800px}.side{width:340px;flex-shrink:0;background:#242424;color:#fff;padding:30px 24px}.side h2{color:#ffc107;font-size:1.2em;text-transform:uppercase;letter-spacing:1px;margin-top:25px;margin-bottom:10px}.side a{color:#e0e0e0;text-decoration:none;transition:color .2s ease,transform .2s ease}.side a:hover{color:#ffc107}.photo{width:200px;height:200px;margin:0 auto 25px;border-radius:50%;background-color:#fff;background-image:url(https://avatars.githubusercontent.com/u/1431864?v=4);background-size:cover;background-position:50%;border:6px solid #ffc107;box-shadow:0 4px 15px rgba(0,0,0,.3)}.info{margin-top:15px}.info p{margin:12px 0;font-size:.95em;word-break:break-word}.skills{margin-top:15px}.skills p{margin:14px 0 6px;font-size:.9em;font-weight:500}.box,.box-ck{display:inline-block;width:22px;height:6px;margin:0 1px;border-radius:2px}.box{background:#444}.box-ck{background:#ffc107}.content{flex-grow:1;padding:40px 45px;background:#fff}.content h2{color:#222;font-size:1.4em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:0;margin-bottom:8px}.content li,.content p{color:#444;line-height:1.7;font-size:1.02em}.content p{margin-top:15px;margin-bottom:20px}.content ul{padding-left:20px;margin-top:10px;margin-bottom:20px}.content li{margin-bottom:8px}.line{border-bottom:2px solid #ffc107;position:relative;margin-bottom:20px}.line:before{content:"";position:absolute;display:inline-block;background:#ffc107;width:40px;height:4px;top:-2px;border-radius:2px}a{text-decoration:none;color:#1a1a1a;transition:all .2s ease}.content a{color:#0b57d0;font-weight:600}.content a:hover{color:#d97706;text-decoration:underline}.timeline{border-left:3px solid #ffc107;margin:20px 0 20px 10px;padding:5px 0 10px 25px;list-style:none}.timeline .event{position:relative;margin-bottom:20px}.timeline .event:before{content:"";position:absolute;left:-32px;top:6px;background:#ffc107;border:3px solid #fff;box-shadow:0 0 0 2px #ffc107;border-radius:50%;height:12px;width:12px}.timeline .event h3{margin:0 0 5px;color:#111;font-size:1.25em}.project-card{background:#fafbfc;border:1px solid #eef0f3;border-radius:6px;padding:16px 20px;margin-bottom:16px;transition:all .2s ease}.project-card:hover{border-color:#ffc107;box-shadow:0 4px 12px rgba(0,0,0,.05)}.project-card h4{margin:0 0 8px;color:#222;font-size:1.1em;display:flex;align-items:center;gap:8px}.project-card p{margin:0;font-size:.95em;color:#555}.badge-tag{display:inline-block;background:#fff3cd;color:#856404;font-size:.75em;padding:3px 8px;border-radius:4px;font-weight:600;margin-left:8px}@media screen and (max-width:850px){.wrapper{margin:0;border-radius:0;box-shadow:none}.main-body{flex-direction:column}.side{width:100%}.content,.side{padding:30px 20px}.header h1{font-size:2.2em}}