:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0}#root{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.app-container{text-align:center;color:#fff}.hero-section{padding:4rem 0;margin-bottom:3rem}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.3rem;color:#fffc;max-width:600px;margin:0 auto 2rem;line-height:1.6}.section-title{font-size:2.5rem;font-weight:700;color:#fff;margin:3rem 0 2rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.projects-grid{display:flex;flex-direction:column;gap:2rem;align-items:center}@media (max-width: 768px){#root{padding:1rem}.hero-section{padding:2rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}}.app-container{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;margin:1.5rem 0;box-shadow:0 10px 30px #0003;transition:all .3s ease;position:relative;overflow:hidden;color:#fff;width:100%;max-width:800px}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.project-card h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-card-header-link{color:#fff!important;text-decoration:none;font-size:inherit;font-weight:inherit;text-shadow:inherit;transition:color .3s ease}.project-card-header-link:hover{color:#fffc!important;text-decoration:none}.project-card-header-link:visited{color:#fff!important}.project-card p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#ffffffe6}.project-card iframe{width:100%;aspect-ratio:16 / 12;border:none;border-radius:12px;margin:1rem 0;box-shadow:0 8px 20px #0003}.project-card img{width:100%;max-width:500px;height:auto;border-radius:12px;margin:1rem 0;box-shadow:0 8px 20px #0003}.project-link{display:inline-block;background:#fff3;color:#fff;text-decoration:none;padding:.8rem 1.5rem;border-radius:25px;font-weight:600;margin-top:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.project-link:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 15px #0003}@media (max-width: 768px){.project-card{padding:1.5rem;margin:1rem 0;max-width:100%;min-height:350px}.project-card h2{font-size:1.5rem}.project-card p{font-size:1rem}.project-card iframe{height:300px}}@media (max-width: 480px){.project-card{padding:1rem;margin:.8rem 0;min-height:320px}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;margin:.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none;text-align:center;min-width:120px}.button--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99;color:#fff}.button--secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button--secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);color:#fff}.button--github{background:#24292e;color:#fff;box-shadow:0 4px 15px #24292e66}.button--github:hover{background:#1f2328;transform:translateY(-2px);box-shadow:0 6px 20px #24292e99;color:#fff}.button--github:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='white'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%200C5.374%200%200%205.373%200%2012%200%2017.302%203.438%2021.8%208.207%2023.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729%201.205.084%201.839%201.237%201.839%201.237%201.07%201.834%202.807%201.304%203.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931%200-1.311.469-2.381%201.236-3.221-.124-.303-.535-1.524.117-3.176%200%200%201.008-.322%203.301%201.23A11.509%2011.509%200%200112%205.803c1.02.005%202.047.138%203.006.404%202.291-1.552%203.297-1.23%203.297-1.23.653%201.653.242%202.874.118%203.176.77.84%201.235%201.911%201.235%203.221%200%204.609-2.807%205.624-5.479%205.921.43.372.823%201.102.823%202.222v3.293c0%20.319.192.694.801.576C20.566%2021.797%2024%2017.3%2024%2012c0-6.627-5.373-12-12-12z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}.button--linkedin{background:#0077b5;color:#fff;box-shadow:0 4px 15px #0077b566}.button--linkedin:hover{background:#005885;transform:translateY(-2px);box-shadow:0 6px 20px #0077b599;color:#fff}.button--linkedin:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='white'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433c-1.144%200-2.063-.926-2.063-2.065%200-1.138.92-2.063%202.063-2.063%201.14%200%202.064.925%202.064%202.063%200%201.139-.925%202.065-2.064%202.065zm1.782%2013.019H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200h.003z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}.button--resume{background:linear-gradient(135deg,#16a085,#1abc9c);color:#fff;box-shadow:0 4px 15px #16a08566}.button--resume:hover{background:linear-gradient(135deg,#138d75,#16a085);transform:translateY(-2px);box-shadow:0 6px 20px #16a08599;color:#fff}.button--resume:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='windows-1252'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20392.533%20392.533'%20xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath%20d='M292.396,324.849H99.879c-6.012,0-10.925,4.848-10.925,10.925c0,6.012,4.849,10.925,10.925,10.925h192.582%20c6.012,0,10.925-4.849,10.925-10.925C303.321,329.697,298.473,324.849,292.396,324.849z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M292.396,277.01H99.879c-6.012,0-10.925,4.848-10.925,10.925c0,6.012,4.849,10.925,10.925,10.925h192.582%20c6.012,0,10.925-4.849,10.925-10.925C303.321,281.859,298.473,277.01,292.396,277.01z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M196.137,45.834c-25.859,0-46.998,21.075-46.998,46.998c0,25.859,21.139,46.933,46.998,46.933%20s46.998-21.075,46.998-46.998S221.996,45.834,196.137,45.834z%20M196.137,117.851c-13.77,0-25.083-11.313-25.083-25.083%20c0-13.77,11.248-25.083,25.083-25.083s25.083,11.313,25.083,25.083C221.22,106.537,209.907,117.851,196.137,117.851z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M258.521,163.362c-39.887-15.515-84.752-15.515-124.638,0c-13.059,5.107-21.786,18.101-21.786,32.388v44.347%20c-0.065,6.012,4.849,10.925,10.861,10.925h146.424c6.012,0,10.925-4.848,10.925-10.925V195.75%20C280.307,181.463,271.58,168.469,258.521,163.362z%20M258.521,229.236H133.883v-33.422c0-5.301,3.168-10.214,7.887-12.024%20c34.844-13.511,74.02-13.511,108.865,0c4.719,1.875,7.887,6.659,7.887,12.024V229.236z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath%20d='M313.083,0H131.491c-8.404,0-16.291,3.232-22.238,9.18L57.018,61.414c-5.947,5.948-9.18,13.834-9.18,22.238v277.333%20c0,17.39,14.158,31.547,31.547,31.547h233.762c17.39,0,31.547-14.158,31.547-31.547V31.547C344.501,14.158,330.343,0,313.083,0z%20M112.032,37.236v27.022H85.01L112.032,37.236z%20M322.715,116.816h-40.598c-6.012,0-10.925,4.849-10.925,10.925%20c0,6.012,4.848,10.925,10.925,10.925h40.598v19.394h-14.869c-6.012,0-10.925,4.848-10.925,10.925%20c0,6.012,4.849,10.925,10.925,10.925h14.869v181.139c0,5.366-4.331,9.697-9.632,9.697H79.192c-5.301,0-9.632-4.331-9.632-9.632%20V86.044h53.398c6.012,0,10.925-4.848,10.925-10.925V21.721h179.2c5.301,0,9.632,4.331,9.632,9.632V116.816z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}@media (max-width: 768px){.button{padding:.6rem 1.2rem;font-size:.9rem;min-width:100px}}@media (max-width: 480px){.button{padding:.5rem 1rem;font-size:.85rem;min-width:90px}}