:root{--color-primary:#1a365d;--color-primary-light:#2c5282;--color-primary-dark:#0f2442;--color-accent:#3182ce;--color-accent-light:#4299e1;--color-accent-subtle:#ebf8ff;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-background:var(--color-white);--color-surface:var(--color-gray-50);--color-surface-elevated:var(--color-white);--color-text-primary:var(--color-gray-800);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-inverse:var(--color-white);--color-border:var(--color-gray-200);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max-width:1200px;--container-padding:var(--space-6);--section-padding-y:var(--space-20);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-overlay:400}[data-theme=dark]{--color-primary:#90cdf4;--color-primary-light:#bee3f8;--color-primary-dark:#63b3ed;--color-accent:#63b3ed;--color-accent-light:#90cdf4;--color-accent-subtle:#63b3ed26;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-border:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#1e293b;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1{font-size:3rem;font-size:var(--text-5xl)}h1,h2{font-weight:700;font-weight:var(--font-bold);letter-spacing:-.025em;letter-spacing:var(--tracking-tight);line-height:1.25;line-height:var(--leading-tight)}h2{font-size:2.25rem;font-size:var(--text-4xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h3,h4{font-weight:600;font-weight:var(--font-semibold);line-height:1.375;line-height:var(--leading-snug)}h4{font-size:1.25rem;font-size:var(--text-xl)}a{color:#3182ce;color:var(--color-accent);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#4299e1;color:var(--color-accent-light)}code{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.container{margin-left:auto;margin-right:auto;max-width:1200px;max-width:var(--container-max-width);padding-left:1.5rem;padding-left:var(--container-padding);padding-right:1.5rem;padding-right:var(--container-padding);width:100%}.section{padding-bottom:5rem;padding-bottom:var(--section-padding-y);padding-top:5rem;padding-top:var(--section-padding-y)}@media (max-width:768px){:root{--container-padding:var(--space-4);--section-padding-y:var(--space-16)}}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background-color:var(--color-background);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);position:sticky;top:0;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);z-index:var(--z-sticky)}.navbar,.navbar-left .logo{color:var(--color-text-primary)}.navbar-left .logo{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);text-decoration:none;transition:color var(--transition-fast)}.navbar-left .logo:hover{color:var(--color-accent)}.navbar-center .nav-links{display:flex;gap:var(--space-8);list-style-type:none;margin:0;padding:0}.navbar-center .nav-links li{margin:0}.navbar-center .nav-links a{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);padding:var(--space-2) 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-fast)}.navbar-center .nav-links a:after{background-color:var(--color-accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.navbar-center .nav-links a:hover{color:var(--color-text-primary)}.navbar-center .nav-links a:hover:after{width:100%}.navbar-right{gap:var(--space-3)}.navbar-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;height:40px;justify-content:center;padding:0;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);width:40px}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-accent);transform:rotate(15deg)}.socials{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;height:40px;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);width:40px}.socials:hover{background-color:var(--color-surface);color:var(--color-accent);transform:translateY(-2px)}@media (max-width:768px){.navbar{padding:var(--space-3) var(--space-4)}.navbar-center{display:none}.navbar-right{gap:var(--space-2)}.socials,.theme-toggle{height:36px;width:36px}}body.active-download-modal{overflow-y:hidden}.btn-download-modal{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.btn-download-modal:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.download-modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:var(--z-modal)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;z-index:var(--z-overlay)}.download-modal-content{background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);left:50%;max-width:500px;padding:var(--space-8);position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:calc(var(--z-overlay) + 1)}.download-modal-content h2{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.close-download-modal{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4);transition:color var(--transition-fast),background-color var(--transition-fast)}.close-download-modal:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.file-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.file-item{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-4);transition:border-color var(--transition-fast)}.file-item:hover{border-color:var(--color-accent)}.file-name{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.file-actions{display:flex;gap:var(--space-3)}.file-download,.file-preview{border-radius:var(--radius-md);color:var(--color-accent);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast),background-color var(--transition-fast)}.file-download:hover,.file-preview:hover{background-color:var(--color-accent-subtle);color:var(--color-accent-light)}.Home-main{align-items:center;background:linear-gradient(135deg,#1a365d,#0f2442);display:flex;flex-direction:column;justify-content:center;min-height:90vh;overflow:hidden;padding:var(--space-16) var(--space-6);position:relative}.Home-main:before{background:#3182ce14;height:600px;right:-200px;top:-200px;width:600px}.Home-main:after,.Home-main:before{border-radius:50%;content:"";position:absolute;z-index:0}.Home-main:after{background:#3182ce0d;bottom:-100px;height:400px;left:-100px;width:400px}.intro{animation:fadeInUp .8s ease-out;max-width:800px;position:relative;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-greeting{color:#ffffffb3;font-size:var(--text-lg);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.intro-greeting,.intro-name{margin-bottom:var(--space-4)}.intro-name{color:var(--color-white);font-size:var(--text-6xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.intro-title{color:#ffffffd9;font-size:var(--text-2xl);font-weight:var(--font-normal);margin-bottom:var(--space-10)}.intro-cta{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.btn-primary{background-color:var(--color-accent);border-radius:var(--radius-md);color:var(--color-white);display:inline-block;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-8);text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background-color:var(--color-accent-light);box-shadow:0 10px 20px #0003;color:var(--color-white);transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #fff6;border-radius:var(--radius-md);color:var(--color-white);display:inline-block;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-3) var(--space-8);text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fffc;color:var(--color-white);transform:translateY(-2px)}@media (max-width:768px){.Home-main{min-height:70vh;padding:var(--space-12) var(--space-4)}.intro-name{font-size:var(--text-4xl)}.intro-title{font-size:var(--text-xl)}.intro-greeting{font-size:var(--text-base)}.btn-primary,.btn-secondary{font-size:var(--text-sm);padding:var(--space-3) var(--space-6)}}.about-main{background-color:var(--color-background);padding:var(--section-padding-y) var(--space-6)}.about-section{align-items:center;display:flex;gap:var(--space-16);justify-content:center;margin:0 auto;max-width:var(--container-max-width)}.about-img{border-radius:var(--radius-xl);box-shadow:none;flex:0 0 auto;height:600px;max-width:100%;object-fit:cover;object-position:center top;width:600px}.about-details{flex:1 1;max-width:600px}.about-details h2{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.about-desc{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}@media (max-width:768px){.about-main{padding:var(--space-16) var(--space-4)}.about-section{flex-direction:column;gap:var(--space-8);text-align:center}.about-img{width:280px}.about-details h2{font-size:var(--text-2xl)}.about-desc{font-size:var(--text-base)}}.fade-in{opacity:1;transition:opacity .75s ease-in}.fade-out{opacity:0;transition:opacity .75s ease-out}.hidden{opacity:0}.section-container{padding-bottom:var(--space-12);text-align:center}.section-title{color:var(--color-text-primary);display:inline-block;font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);padding-bottom:var(--space-4);position:relative}.section-title:after{background-color:var(--color-accent);border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media (max-width:768px){.section-title{font-size:var(--text-3xl)}.section-container{padding-bottom:var(--space-8)}}.skills-main{background-color:var(--color-surface);padding:var(--section-padding-y) var(--space-6)}.skills-content{align-items:flex-start;display:flex;gap:var(--space-16);margin:0 auto;max-width:var(--container-max-width)}.skills-box{flex:1 1}.skills-section{margin-bottom:var(--space-10)}.skills-section:last-child{margin-bottom:0}.skills-title{color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);text-transform:uppercase}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--space-3)}.skills-tag{background-color:var(--color-accent-subtle);border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.skills-tag:hover{background-color:var(--color-accent);color:var(--color-white);transform:translateY(-2px)}.skills-img{border-radius:var(--radius-lg);flex:0 0 auto;max-width:100%;width:400px}@media (max-width:768px){.skills-main{padding:var(--space-16) var(--space-4)}.skills-content{flex-direction:column-reverse;gap:var(--space-10)}.skills-img{margin:0 auto;max-width:300px;width:100%}.skills-section{text-align:center}.skills-tags{justify-content:center}}.project-container{background-color:var(--color-surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.project-wrapper{overflow:hidden;position:relative}.project-img{aspect-ratio:16/9;object-fit:cover;transition:transform var(--transition-slow);width:100%}.project-container:hover .project-img{transform:scale(1.05)}.project-overlay{background:linear-gradient(0deg,#0f172af2 0,#0f172a99 40%,#0f172a33 70%,#0000);inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.project-container:hover .project-overlay{opacity:1}.project-content{bottom:0;left:0;opacity:0;padding:var(--space-6);position:absolute;right:0;transform:translateY(20px);transition:transform var(--transition-normal),opacity var(--transition-normal)}.project-container:hover .project-content{opacity:1;transform:translateY(0)}.project-name{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffd9;display:-webkit-box;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);overflow:hidden}.project-skills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:1px solid #ffffff26;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);text-transform:capitalize}.project-link{align-items:center;background-color:#ffffffe6;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;opacity:0;position:absolute;right:var(--space-4);top:var(--space-4);transform:translateY(-10px);transition:opacity var(--transition-normal),transform var(--transition-normal),background-color var(--transition-fast);width:40px}.project-container:hover .project-link{opacity:1;transform:translateY(0)}.project-link:hover{background-color:var(--color-white)}.ext-link-icon{color:var(--color-primary);font-size:var(--text-base)}.skill-item:first-child{transition-delay:0ms}.skill-item:nth-child(2){transition-delay:30ms}.skill-item:nth-child(3){transition-delay:60ms}.skill-item:nth-child(4){transition-delay:90ms}.skill-item:nth-child(5){transition-delay:.12s}.projects-main{background-color:var(--color-background);padding:var(--section-padding-y) var(--space-6)}.projects-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:var(--container-max-width)}@media (max-width:1024px){.projects-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-main{padding:var(--space-16) var(--space-4)}.projects-content{gap:var(--space-6);grid-template-columns:1fr}}.footer-main{background:linear-gradient(180deg,#1a365d,#0f2442);padding:var(--space-20) var(--space-6)}.footer-inner{grid-gap:var(--space-12);color:var(--color-white);display:grid;gap:var(--space-12);grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:var(--container-max-width)}.footer-inner h2{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.footer-inner>div:not(:first-child) h2{color:#fff9;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-6);text-transform:uppercase}.footer-list-links{list-style:none;margin:0;padding:0}.footer-list-links li{margin-bottom:var(--space-3)}.footer-links{color:#ffffffb3;display:inline-block;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast),padding-left var(--transition-fast)}.footer-links:hover{color:var(--color-white);padding-left:var(--space-1)}.email-link{color:var(--color-accent-light);display:inline-block;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.email-link:hover{color:var(--color-white)}.footer-socials{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-main .socials{align-items:center;border-radius:var(--radius-md);color:#ffffffb3;display:flex;height:40px;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);width:40px}.footer-main .socials:hover{background-color:#ffffff1a;color:var(--color-white);transform:translateY(-3px)}@media (max-width:768px){.footer-main{padding:var(--space-16) var(--space-4)}.footer-inner{gap:var(--space-10);grid-template-columns:1fr;text-align:center}.footer-inner>div:not(:first-child) h2{margin-bottom:var(--space-4)}.footer-links:hover{padding-left:0}.footer-socials{justify-content:center}}
/*# sourceMappingURL=main.322892e8.css.map*/