:root{--bg: #0c1627;--bg-soft: #101c32;--card: #111f38;--card-strong: #0c1a30;--muted: #96a3b8;--text: #e6edf5;--accent: #ffb454;--accent-2: #3dd598;--border: rgba(255, 255, 255, .08)}@font-face{font-family:CustomFont;src:url(/Portfolio-website/Font.woff2) format("woff2");font-weight:400;font-style:normal}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:CustomFont,system-ui,-apple-system,sans-serif;margin:0;padding:0;color:var(--text);background:radial-gradient(circle at 10% 20%,rgba(255,180,84,.1),transparent 25%),radial-gradient(circle at 90% 10%,rgba(61,213,152,.12),transparent 22%),radial-gradient(circle at 70% 80%,rgba(255,180,84,.08),transparent 25%),var(--bg);min-height:100vh}a{color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em}p{margin:0 0 .5rem;color:var(--muted)}.content-shell{max-width:1100px;margin:0 auto;padding:0 1.5rem}.navbar{position:fixed;top:0;width:100%;z-index:1000;display:flex;justify-content:center;background:linear-gradient(180deg,rgba(12,22,39,.92),rgba(12,22,39,.55),transparent);padding:.75rem 0 .5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar ul{display:flex;gap:.8rem;list-style:none;padding:.55rem .75rem;margin:0;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);box-shadow:0 10px 40px #00000040}.navbar li{font-weight:600;color:var(--muted);font-size:.95rem}.navbar a{text-decoration:none;color:inherit;display:inline-block;padding:.55rem 1.1rem;border-radius:999px;transition:color .2s ease,background .2s ease,transform .2s ease}.navbar li.selected a{background:#ffb4541f;color:var(--text);border:1px solid rgba(255,180,84,.35);box-shadow:0 10px 30px #ffb4542e}.navbar a:hover{color:var(--text);transform:translateY(-1px)}.page-section{padding:7rem 0 4rem;scroll-margin-top:6rem;min-height:600px}.home-section{padding-top:8rem;background:radial-gradient(circle at 20% 20%,rgba(61,213,152,.12),transparent 28%),radial-gradient(circle at 80% 30%,rgba(255,180,84,.18),transparent 25%),linear-gradient(135deg,#0a172c,#0c1d35 40%,#0f2a46)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:1.25rem}.hero-title{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05}.hero-lede{font-size:1.05rem;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--accent);margin:0}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.2rem;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.pill.primary{background:linear-gradient(120deg,#ffb454,#ff9f1c);color:#0d1117;box-shadow:0 10px 35px #ff9f1c47}.pill.ghost{background:#ffffff0f;color:var(--text);border-color:var(--border)}.pill.link-pill{background:#ffffff0a;border:1px solid var(--border);color:var(--text);text-decoration:none}.pill:hover{transform:translateY(-1px);box-shadow:0 12px 32px #00000040}.hero-meta{display:flex;gap:.8rem;flex-wrap:wrap}.meta-card{padding:.75rem 1rem;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);min-width:180px}.meta-label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.3rem}.meta-value{font-weight:700;color:var(--text)}.social-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:#ffffff0d;border-radius:12px;border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:600;transition:transform .2s ease,background .2s ease}.social-btn:hover{transform:translateY(-2px);background:#ffffff14}.icon-circle{width:38px;height:38px;border-radius:50%;background-color:#ffffff1f;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1rem}.hero-image{display:flex;justify-content:center}.portrait-shell{position:relative;padding:14px;border-radius:24px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid var(--border);box-shadow:0 18px 40px #00000073;overflow:hidden}.portrait-shell img{display:block;width:320px;max-width:100%;border-radius:16px}.float-card{position:absolute;right:10px;bottom:12px;background:#0c1627e6;border:1px solid var(--border);padding:.8rem 1rem;border-radius:14px;box-shadow:0 12px 35px #00000073}.float-card p{margin:0 0 .2rem;font-size:.85rem;color:var(--muted)}.float-card strong{display:block;color:var(--text)}.float-card span{color:var(--muted);font-size:.85rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.section-header h2{font-size:clamp(1.8rem,3vw,2.4rem)}.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 14px 30px #00000040;display:flex;flex-direction:column;gap:.75rem;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);border-color:#ffb45459;box-shadow:0 16px 35px #00000052}.project-card h3{font-size:1.2rem}.project-card p{color:var(--muted)}.project-card video{border-radius:12px;border:1px solid var(--border);background:#050b17}.slideshow{position:relative;width:100%;height:210px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#050b17}.slideshow img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.slideshow .prev,.slideshow .next{position:absolute;top:50%;transform:translateY(-50%);background:#0c1627b3;color:var(--text);border:1px solid var(--border);padding:.4rem .9rem;cursor:pointer;font-size:1.5rem;border-radius:10px;z-index:1;transition:background .2s ease,transform .15s ease}.slideshow .prev:hover,.slideshow .next:hover{background:#ffb45440;transform:translateY(-50%) scale(1.02)}.slideshow .prev{left:10px}.slideshow .next{right:10px}.timeline-center{position:relative;margin:2rem 0 0;width:100%;max-width:900px;padding:1rem 0 2rem}.timeline-center:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,#ffb45459,#3dd59866);z-index:0}.timeline-row{display:flex;width:100%;position:relative;margin:2rem 0;align-items:center}.timeline-row.left,.timeline-row.right{justify-content:center}.timeline-item{background:var(--card);padding:1.4rem;border-radius:14px;width:55%;position:relative;box-shadow:0 12px 30px #00000038;border:1px solid var(--border);z-index:2}.timeline-row.left .timeline-item{transform:translate(-58%)}.timeline-row.right .timeline-item{transform:translate(58%)}.arrow-left,.arrow-right{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border:10px solid transparent}.arrow-left{right:-20px;border-left-color:var(--card)}.arrow-right{left:-20px;border-right-color:var(--card)}.timeline-icon{position:absolute;left:50%;transform:translate(-50%);background-color:var(--card-strong);border:2px solid rgba(255,180,84,.5);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 0 6px #0c1627cc;font-size:16px;color:var(--accent)}.timeline-media{margin:.6rem 0 .9rem;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#050b17}.timeline-media img{display:block;width:100%;height:220px;object-fit:cover}.timeline-date{color:var(--muted);font-size:.9rem}.education-container{display:flex;flex-direction:column;gap:1.25rem}.education-card{display:flex;gap:1.25rem;background-color:var(--card);border-radius:14px;border:1px solid var(--border);padding:1.2rem;align-items:flex-start;flex-wrap:wrap;box-shadow:0 12px 30px #00000038}.education-card img{width:90px;height:auto;border-radius:10px;object-fit:contain;background:#ffffff0a;padding:.5rem}.education-content{flex:1;min-width:250px}.education-content h3{margin:0 0 .35rem;color:var(--text)}.education-content p{margin:0 0 .35rem}.grade-badge{display:inline-block;padding:.35rem .8rem;border-radius:12px;font-size:.9rem;font-weight:700;color:#0d1117;background-color:var(--accent-2);box-shadow:0 10px 28px #3dd59840}.education-content button{margin:.75rem 0 0;display:inline-flex;padding:.4rem .9rem;background-color:#ffffff14;color:var(--text);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s ease,transform .15s ease}.education-content button:hover{background-color:#ffffff1f;transform:translateY(-1px)}.grades-table{margin-top:.8rem;width:100%;border-collapse:collapse;font-size:.95rem;color:var(--text)}.grades-table th,.grades-table td{padding:.5rem;border-bottom:1px solid var(--border);text-align:left}.grades-table th{background-color:#ffffff0a;font-weight:700}.contact-shell{max-width:760px}.contact-text{text-align:left;margin:0 0 1.2rem;color:var(--muted)}.contact-text a{color:var(--text);text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:.85rem}.contact-form input,.contact-form textarea{padding:.9rem;border:1px solid var(--border);border-radius:12px;font-size:1rem;width:100%;min-height:50px;box-sizing:border-box;background:#ffffff0d;color:var(--text);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffb45459;box-shadow:0 0 0 3px #ffb45426}.contact-form button{padding:.9rem;height:auto;width:180px;background:linear-gradient(120deg,#ffb454,#ff9f1c);color:#0d1117;border:none;border-radius:12px;cursor:pointer;font-weight:800;transition:transform .15s ease,box-shadow .2s ease;font-size:1rem}.contact-form button:hover{transform:translateY(-1px);box-shadow:0 12px 35px #ff9f1c52}@media (max-width: 960px){.navbar{display:none}.page-section{padding:6rem 0 3rem}.section-header{flex-direction:column;align-items:flex-start}.timeline-center:before{display:none}.timeline-icon{display:none}.timeline-row,.timeline-row.left,.timeline-row.right{flex-direction:column;align-items:center;justify-content:flex-start;margin:1.5rem 0}@media (max-width: 730px){.hero-image{display:none}.hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.5rem}.social-buttons,.hero-actions{justify-content:center}}.timeline-row .timeline-item{width:95%;max-width:600px;transform:none!important;margin:.8rem 0}.arrow-left,.arrow-right{display:none}.timeline-icon{position:relative;left:auto;transform:none;margin-bottom:.75rem}}@media (max-width: 7px){.hero-grid{gap:1.5rem}.portrait-shell{width:100%}.content-shell{padding:0 1.1rem}.hero-image{display:none}}.slideshow.svelte-oyuv5d{position:relative;text-align:center}.slideshow.svelte-oyuv5d img:where(.svelte-oyuv5d){width:100%;max-height:300px;object-fit:cover;border-radius:8px;cursor:pointer;display:block;transition:transform .2s}.slideshow.svelte-oyuv5d img:where(.svelte-oyuv5d):hover{transform:scale(1.01)}.prev.svelte-oyuv5d,.next.svelte-oyuv5d{position:absolute;top:50%;transform:translateY(-50%);font-size:1.6rem;background:#00000073;border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background .2s ease,transform .15s ease}.prev.svelte-oyuv5d:hover,.next.svelte-oyuv5d:hover{background:#000000a6;transform:translateY(-50%) scale(1.05)}.prev.svelte-oyuv5d{left:10px}.next.svelte-oyuv5d{right:10px}.status.svelte-oyuv5d{position:absolute;right:12px;bottom:12px;background:#0009;color:#fff;padding:6px 10px;border-radius:999px;font-size:.9rem;border:1px solid rgba(255,255,255,.25)}