*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{overflow-x:hidden;scroll-behavior:smooth}body{padding:0;margin:0;font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;font-size:16px;line-height:1.5;font-size-adjust:0.47;background:#fff;color:#333;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4{font-weight:700;text-transform:uppercase}h1{font-size:4rem;min-height:4.5rem}@media only screen and (max-width:767px){h1{font-size:2.4rem;min-height:2.8rem}.typed{min-width:180px}}h2{padding-top:2rem;padding-bottom:1rem;font-size:2rem}h3{padding-bottom:0.7rem;font-size:1.1rem}h4{padding-top:1rem}p,q{font-size:1rem;letter-spacing:0.5px;color:#757575;margin:0 0 1rem}a{transition:all 0.6s ease;color:#009bff;text-decoration:underline;text-underline-offset:2px}a:hover,a:focus{color:#35b5ff;text-decoration-thickness:2px}a:focus{outline:none}img{max-width:100%;height:auto;display:block}.container{width:100%;margin:0 auto;padding:0 15px;max-width:1140px}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}[class^="col-"],[class*=" col-"]{padding:15px}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-6{flex:0 0 50%;max-width:50%}}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;width:40px;height:40px;border:none;border-radius:50%;background:rgba(0,0,0,0.4);backdrop-filter:blur(10px);color:#fff;font-size:1.3rem;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.theme-toggle .theme-icon{color:#fff}.theme-toggle:hover{background:rgba(0,0,0,0.8);transform:scale(1.05)}.theme-toggle:focus{outline:2px solid rgba(0,0,0,0.5);outline-offset:2px}body.dark-mode .theme-toggle{background:rgba(255,255,255,0.15)}body.dark-mode .theme-toggle:hover{background:rgba(255,255,255,0.25)}body.dark-mode .theme-toggle:focus{outline:2px solid rgba(255,255,255,0.4)}@media only screen and (max-width:767px){.theme-toggle{top:1rem;right:1rem;width:36px;height:36px;font-size:1.1rem}}.jumbotron{position:relative;min-height:100vh;background:url("assets/hosoktere.webp") center center / cover #0a0a0b;color:#fff;text-align:center;padding:5rem 0;margin:0;letter-spacing:0.7px;overflow:hidden}#hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;pointer-events:none;z-index:0;display:block}.hero-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:600px;z-index:1;min-height:250px}.typed{display:inline-block;font-size:1.5rem;min-height:1.6rem;min-width:200px;vertical-align:baseline}@media only screen and (max-width:767px){.typed{font-size:1.3rem}}.typed-cursor{display:inline;font-size:1.5rem;margin-left:4px;animation:blink 0.7s infinite;vertical-align:baseline}.hero-container > .typed,.hero-container > .typed-cursor{display:inline;margin-top:1rem;line-height:1.6rem}.hero-container > .typed-cursor{margin-left:4px}.typed-wrap{margin-top:2rem}.portfolio-link{display:inline-block;margin-top:1.5rem;text-decoration:none}.btn{display:inline-block;font-family:"Roboto Condensed",sans-serif;font-display:swap;border-radius:15px;border:0;color:#fff;cursor:pointer;outline:0;text-transform:uppercase}.btn-primary{background:rgba(0,0,0,0.1);border:1px solid #fff;border-radius:0;padding:10px 15px 8px;text-shadow:none}.btn-primary:hover,.btn-primary:focus{background:#fff;color:#333;box-shadow:0 0 0 2px #fff;border-color:#fff}.arrow-wrap{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:0;z-index:1}.arrow{width:40px;height:40px;color:#fff;font-size:1.6rem;display:block;text-align:center;text-decoration:none}.arrow:hover{color:#fff}.down-bounce{animation:down-bounce 4s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes down-bounce{0%,20%,40%,60%,80%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}50%{transform:translateY(-7px)}70%{transform:translateY(-4px)}}#introduction{background:#fff;text-align:center;padding:4rem 0}#introduction img{max-width:480px;width:100%;clip-path:circle(49.5% at center);margin:0 auto}#introduction .intro-copy p{text-align:justify}@media only screen and (min-width:992px){#introduction .intro-copy h2{text-align:left}}#certificates{background:#f4f4f4;padding:3rem 0}.certs-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto}.certs-column h2{font-size:1.8rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.25rem;margin-top:0rem;padding:0;text-align:left}.cert-card{display:flex;align-items:flex-start;gap:0.75rem;background:#fff;padding:0.75rem;margin-bottom:0.75rem;border-radius:4px;box-shadow:rgba(0,0,0,0.05) 0px 2px 4px;transition:box-shadow 0.2s ease}.cert-card:hover{box-shadow:rgba(0,0,0,0.1) 0px 4px 8px}.cert-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:#0078d7;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.75rem;font-weight:700}.cert-icon.udemy{background-color:#902fd1}.cert-icon.education{background-color:#eeb21b}.cert-icon img{width:20px;height:20px;object-fit:contain}.cert-icon .icon{font-size:0.75rem}.cert-icon .icon-education{font-size:1rem}.cert-content{flex:1;text-align:left}.cert-content h3{font-size:1.1rem;font-weight:600;color:#333;margin:0;padding-bottom:0.3rem;line-height:1.3;text-align:left}.cert-content p{font-size:0.9rem;color:#666;margin:0;line-height:1.4;text-align:left}@media screen and (max-width:768px){.certs-grid{grid-template-columns:1fr;gap:2rem}.certs-column h2{font-size:1.5rem;margin-bottom:1.5rem}}#experience{background:#fff;text-align:center;padding:1rem 0 2rem 0}.experience-company-header{padding:1rem 1rem;position:relative;max-width:1140px;margin:1rem auto;background-color:#f4f4f4;text-align:left}@media screen and (max-width:768px){.experience-company-header{text-align:left;padding-left:15px}}.timeline-container{padding:30px 0 0;position:relative;overflow:hidden;max-width:1140px;margin:0 auto}.timeline-container::before{content:"";position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:#ccd1d9;z-index:1}.timeline-block{width:calc(50% + 8px);display:flex;justify-content:space-between;align-items:flex-start;clear:both;margin-bottom:2rem;position:relative}.timeline-block-left{float:left;direction:rtl}.timeline-block-left .timeline-content{direction:ltr}.timeline-content{width:95%;padding:0 15px;color:#666;text-align:justify}.timeline-content h3{margin:0;font-size:1.2rem;font-weight:500;color:#333;line-height:34px;text-align:left}.timeline-content span{font-size:0.95rem;color:#666}.timeline-content > div:first-of-type{text-align:left;margin-bottom:0.5rem}.timeline-content p{font-size:0.9rem;line-height:1.5;word-spacing:1px;margin-bottom:0.6rem;text-align:justify}.marker{width:34px;height:34px;border-radius:50%;border:2px solid #ccd1d9;position:relative;background:#fff;margin-top:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:18px;color:hsla(217,15%,55%,1)}.marker::before{content:"\00AB"}.timeline-block-left .marker{left:9px}.marker-right::before{content:"\00BB"}.year{position:absolute;font-size:3rem;line-height:2rem;color:#666}.year.right{right:-9rem}.year.left{left:-9rem}@media screen and (max-width:768px){.timeline-container::before{left:18px}.timeline-block,.timeline-block-left{width:100%;float:none;direction:ltr;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.year{position:static;order:-1;width:100%;font-size:2rem;font-weight:600;margin-bottom:0.75rem;margin-top:0.5rem;margin-left:0;color:#333;text-align:left;padding-left:0}.year.right,.year.left{right:auto;left:auto}.year span{display:block;text-align:right}.timeline-block .marker{left:0 !important;margin-left:2px;order:1;flex-shrink:0}.timeline-block .marker::before{content:"\00BB"}.timeline-content{order:1;flex:1;padding-left:15px;min-width:0}}#contact{background:#333;color:#fff;padding:2rem 0 4rem;text-align:center}#contact a{color:#62c2ff;text-decoration:underline;text-underline-offset:2px}section{padding:2rem 0;text-align:center}.animation{opacity:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01s !important;animation-iteration-count:1 !important;transition-duration:0.01s !important}}body.dark-mode{background:#1a1a1a;color:#e0e0e0}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:#ffffff}body.dark-mode p,body.dark-mode q{color:#b0b0b0}body.dark-mode a:hover,body.dark-mode a:focus{color:#66b3ff}body.dark-mode section{background:#1a1a1a}body.dark-mode #introduction{background:#1f1f1f}body.dark-mode #certificates,body.dark-mode #certifications{background:#1f1f1f}body.dark-mode .container{background:transparent}body.dark-mode .experience-company-header{background:#2a2a2a;color:#fff}body.dark-mode .timeline-container::before{background:#444}body.dark-mode .marker{border-color:#666;background:#1a1a1a;color:#999}body.dark-mode .timeline-content{color:#b0b0b0}body.dark-mode .timeline-content h3{color:#ffffff}body.dark-mode .timeline-content span{color:#b0b0b0}body.dark-mode #contact{background:#0f0f0f}body.dark-mode #contact a{color:#4da6ff;text-decoration:underline;text-underline-offset:2px}body.dark-mode .card{background:#2a2a2a;border-color:#444}body.dark-mode .card h3{color:#fff}body.dark-mode .card p{color:#b0b0b0}body.dark-mode #certificates{background:#1f1f1f}body.dark-mode .certs-column h2{color:#fff}body.dark-mode .cert-card{background:#2a2a2a;box-shadow:rgba(0,0,0,0.2) 0px 2px 4px}body.dark-mode .cert-card:hover{box-shadow:rgba(0,0,0,0.3) 0px 4px 8px}body.dark-mode .cert-content h3{color:#fff}body.dark-mode .cert-content p{color:#b0b0b0}body.dark-mode #experience{background:#1a1a1a}body.dark-mode #experience h2{color:#fff}body.dark-mode .year,body.dark-mode .year span{color:#fff !important}body.dark-mode .experience-company-header{background-color:#2a2a2a;color:#fff}body.dark-mode .timeline-container::before{background:#444}body.dark-mode .marker{border-color:#666;background:#1a1a1a;color:#999}body.dark-mode .timeline-content{color:#b0b0b0}body.dark-mode .timeline-content h3{color:#ffffff}body.dark-mode .timeline-content span{color:#b0b0b0}