@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400&display=swap";:root{--bg-primary: #fafafa;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #4f46e5;--pop: #f43f5e;--pop-secondary: #fb923c;--success: #10b981;--border: #e2e8f0;--gradient-pop: linear-gradient(135deg, var(--pop) 0%, var(--pop-secondary) 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, #a855f7 100%);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}*{box-sizing:border-box}body,body *{font-family:var(--font-serif)}body{font-size:var(--font-size-base);line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div.main-body{width:100%;min-height:100vh;max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}div.navbar{padding-top:var(--spacing-2xl)}div.navbar ul{padding-inline-start:0;list-style:none}div.navbar ul li{display:block}div.navbar ul li a{display:inline-block;font-size:var(--font-size-lg);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm) 0;transition:color .2s ease,transform .2s ease;position:relative}div.navbar ul li a:before{content:"";position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--gradient-pop);transition:width .3s ease}div.navbar ul li a:hover{color:var(--pop)}div.navbar ul li a:hover:before{width:100%}div.navbar ul li a.selected{color:var(--pop);font-weight:600}div.navbar ul li a.selected:before{width:100%}div.main-content{padding-top:var(--spacing-2xl);padding-left:var(--spacing-2xl)}div.main-content h1{font-family:var(--font-serif);font-size:var(--font-size-3xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.02em;position:relative;display:inline-block}div.main-content h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:4px;background:var(--gradient-pop);border-radius:2px}div.main-content p{color:var(--text-secondary);margin:var(--spacing-md) 0;max-width:600px}div.main-content p strong{color:var(--text-primary);font-weight:600;background:linear-gradient(135deg,var(--pop) 0%,var(--pop-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}div.main-content p a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .2s ease;background:linear-gradient(to right,var(--pop),var(--pop-secondary));background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;padding-bottom:2px}div.main-content p a:hover{color:var(--pop);background-size:100% 2px}div#experience h2{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:500;margin:var(--spacing-xl) 0 var(--spacing-xs) 0;color:var(--text-primary);position:relative;display:block;width:fit-content}div#experience h2:after{content:"";position:absolute;bottom:-2px;left:0;width:30px;height:3px;background:var(--gradient-accent);border-radius:2px}div#experience h3{font-size:var(--font-size-base);font-weight:500;margin:0;color:var(--text-secondary)}div#experience h5{font-size:var(--font-size-sm);font-weight:400;margin:var(--spacing-xs) 0 var(--spacing-sm) 0;color:var(--text-muted)}div#experience p{font-size:var(--font-size-sm);line-height:1.6}div#readings .green-text{color:var(--success);font-weight:500}div#readings ul{margin-top:var(--spacing-xl);padding-left:var(--spacing-lg);list-style:none}div#readings ul li{color:var(--text-secondary);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-left:3px solid var(--border);transition:border-color .2s ease,transform .2s ease}div#readings ul li:hover{border-left-color:var(--pop);transform:translate(4px)}div#readings ul li a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .2s ease}div#readings ul li a:hover{color:var(--pop)}div#readings ul li .reading-author{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--spacing-xs) 0 0 0}div#readings ul li .reading-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}div#writings ul{list-style:none;padding:0;margin-top:var(--spacing-xl)}div#writings ul li{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}div#writings ul li:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-pop);opacity:0;transition:opacity .3s ease}div#writings ul li:hover{border-color:var(--pop);box-shadow:0 8px 24px #f43f5e1f;transform:translateY(-2px)}div#writings ul li:hover:before{opacity:1}div#writings ul li h2{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:500;margin:0 0 var(--spacing-sm) 0}div#writings ul li h2 a{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color .2s ease}div#writings ul li h2 a:hover{color:var(--pop)}div#writings ul li p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}@media (max-width: 768px){div.main-body{padding:var(--spacing-md)}div.navbar{padding-top:var(--spacing-lg);float:none;width:100%}div.navbar ul li{display:inline-block;margin-right:var(--spacing-md)}div.main-content{float:none;width:100%;padding-left:0;padding-top:var(--spacing-lg)}div.main-content h1{font-size:var(--font-size-2xl)}}