:root{--font-geist-sans:"Geist-Fonts","sans-serif","Arial",sans-serif;--color-primary:#4a90e2;--color-secondary:#50e3c2;--color-background:#f5f7fa;--color-background-secondary:#fff;--color-text:#333;--color-text-secondary:#666;--color-selection:#4a90e2;--color-border:#e0e0e0;--color-box-shadow:#0000001a;--color-box-shadow-hover:#0003;--heading-size:20px;--subheading-size:16px;--text-size:14px;--hint-size:11px;--button-height:32px;--button-width:8rem;--navbar-height:48px;--input-height:32px;--padding-large:32px;--padding-medium:16px;--padding-small:8px;--border-radius:24px;font-size:var(--text-size)}::selection{background:var(--color-selection);color:#fff}body.dark{--color-primary:#1c1c1c;--color-secondary:#2c2c2c;--color-background:#121212;--color-background-secondary:#1e1e1e;--color-text:#fff;--color-text-secondary:#aaa;--color-selection:#305e93;--color-border:#444;--color-box-shadow:transparent;--color-box-shadow-hover:#ffffff1a}*{box-sizing:border-box;text-wrap:balance;-webkit-user-select:none;user-select:none;margin:0;padding:0;transition:all .3s}body{font-family:var(--font-geist-sans);background-color:var(--color-background);color:var(--color-text);transition:background-color .3s,color .3s}h1{font-size:var(--heading-size);margin-bottom:var(--padding-small)}h2{font-size:var(--subheading-size);margin-bottom:var(--padding-small)}p,li,a,span{font-size:var(--text-size);line-height:1.5}button,.button,.submit-button,.scheduler-open-button,.not-found-button{height:var(--button-height);width:calc(var(--button-width)*2);padding:0 var(--padding-small);font-size:var(--text-size);font-weight:600;font-family:var(--font-geist-sans);border:2px solid var(--color-text-secondary);color:var(--color-text);border-radius:var(--border-radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:inline-flex}button:hover,.button:hover,.submit-button:hover,.scheduler-open-button:hover,.not-found-button:hover{color:#6496ff;background:#6496ff33;border-color:#6496ff80;transform:translateY(-2px);box-shadow:0 4px 12px #6496ff4d}button:active,.submit-button:active,.scheduler-open-button:active{transform:translateY(0)}input,textarea,.field{height:var(--input-height);padding:var(--padding-small);font-size:var(--text-size);font-family:var(--font-geist-sans);border:2px solid var(--color-border);background:var(--color-background-secondary);color:var(--color-text);border-radius:8px;outline:none;transition:all .3s}textarea{height:auto;min-height:80px;padding:var(--padding-small);resize:vertical}input:focus,textarea:focus,.field:focus{border-color:var(--color-text-secondary);box-shadow:0 0 0 3px #8080801a}input::placeholder,textarea::placeholder,.field::placeholder{color:var(--color-text-secondary);opacity:.6;font-size:var(--hint-size)}.home-navbar{width:max-content;height:var(--navbar-height);z-index:999;margin:var(--padding-medium)auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 4px var(--color-box-shadow);opacity:0;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;padding:0 4px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.home-navbar.visible{opacity:1;pointer-events:all;transform:translateY(0)}.home-navbar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar-heading{font-size:var(--subheading-size);font-weight:700}.navbar-links{background:#ffffff0d;border-radius:50px;align-items:center;gap:0;margin-bottom:2px;display:flex;position:relative}body.dark .navbar-links{background:#ffffff08}.navbar-links:before{content:"";-webkit-backdrop-filter:blur(10px);z-index:0;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;width:70px;height:calc(100% - 8px);transition:all .3s;position:absolute;top:4px;left:4px;box-shadow:0 4px 6px #0000001a}body.dark .navbar-links:before{background:#ffffff14;border:1px solid #ffffff26}.navbar-links:has(a:first-child.active):before{transform:translate(0)}.navbar-links:has(a:nth-child(2).active):before{transform:translate(80px)}.navbar-links:has(a:nth-child(3).active):before{transform:translate(160px)}.navbar-links:has(a:nth-child(4).active):before{transform:translate(240px)}.navbar-links a{color:var(--color-text);font-size:var(--text-size);padding:var(--padding-small);z-index:1;text-align:center;border-radius:50px;width:80px;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:hover{color:var(--color-text);text-decoration:none}.navbar-links a.active{color:var(--color-text)}#theme-toggle-button{cursor:pointer;align-items:center;width:3rem;font-size:17px;display:flex;position:relative}#toggle{opacity:0;width:0;height:0;display:none}#container,#patches,#stars,#button,#sun,#moon,#cloud{transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#toggle:checked+svg #container{fill:#2b4360}#toggle:checked+svg #button{transform:translate(28px,2.333px)}#sun{opacity:1}#toggle:checked+svg #sun,#moon{opacity:0}#toggle:checked+svg #moon,#cloud{opacity:1}#toggle:checked+svg #cloud,#stars{opacity:0}#toggle:checked+svg #stars{opacity:1}.home-page{text-align:center;height:100vh;padding:var(--padding-large);flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;display:flex}.home-page h1{font-size:var(--heading-size);margin-bottom:var(--padding-large)}.home-page p{max-width:600px;margin:0 auto}.about-page{margin:calc(var(--navbar-height) + var(--padding-medium))auto 0;min-height:calc(100vh - var(--navbar-height) - var(--padding-medium));padding:var(--padding-large);padding-bottom:calc(var(--padding-large)*2);max-width:900px;animation:.3s ease-out slideUp}.about-page h1{text-align:center;margin-bottom:var(--padding-large);font-size:calc(var(--heading-size)*1.5);font-weight:700}.about-page>p{margin-bottom:var(--padding-large);text-align:left;line-height:1.8;font-size:calc(var(--text-size)*1.05)}.about-page a{color:#6496ffe6;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.about-page a:hover{color:#6496ff;border-bottom:1px solid #6496ff99}.about-page h2{margin:calc(var(--padding-large)*1.5)0 var(--padding-medium);font-size:calc(var(--heading-size)*1.1);color:var(--color-text);font-weight:700}.download-resume-btn{border-radius:calc(var(--border-radius)*1.5);color:#6496ff;font-size:calc(var(--text-size)*1.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6496ff26;border:2px solid #6496ff66;align-items:center;gap:.5rem;padding:.875rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #6496ff1a}.download-resume-btn:hover{background:#6496ff40;border-color:#6496ff99;text-decoration:none;transform:translateY(-3px);box-shadow:0 6px 20px #6496ff4d}body.light .download-resume-btn{background:#6496ff14;border-color:#6496ff40}body.light .download-resume-btn:hover{background:#6496ff26;border-color:#6496ff66}.about-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--padding-large);margin:var(--padding-medium)0;background:#ffffff08}body.light .about-section{background:#ffffff0d}.about-section h3{font-size:var(--subheading-size);margin-bottom:var(--padding-medium);color:var(--color-text);font-weight:600}.education-list{margin:0;padding:0 0 0 2rem;list-style:none;position:relative}.education-list:before{content:"";background:linear-gradient(#6496ffcc,#6496ff33);width:2px;position:absolute;top:.75rem;bottom:.75rem;left:.95rem}.skills-list{margin:0;padding:0;list-style:none}.education-item{margin-bottom:calc(var(--padding-large)*1.5);padding-left:var(--padding-medium);position:relative}.education-item:before{content:"";border:2px solid var(--color-background);z-index:1;background:#6496ffe6;border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:-1.55rem;box-shadow:0 0 10px #6496ff80}.education-item:last-child{margin-bottom:0}.education-item .year{font-size:calc(var(--text-size)*.9);color:#6496ff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.5rem;font-weight:700;display:block}.education-item h4{font-size:calc(var(--text-size)*1.15);color:var(--color-text);margin-bottom:.5rem;font-weight:700;line-height:1.4}.education-item h5{font-size:calc(var(--text-size)*.95);color:var(--color-text-secondary);opacity:.85;margin-bottom:.75rem;font-weight:500}.education-item p{font-size:calc(var(--text-size)*.95);color:var(--color-text-secondary);opacity:.9;margin:.5rem 0;line-height:1.7}.skill-item{margin-bottom:var(--padding-large);padding-bottom:var(--padding-medium);border-bottom:1px solid #ffffff0d}.skill-item:last-child{border-bottom:none;margin-bottom:0}.skill-item h4{font-size:calc(var(--text-size)*1.1);color:var(--color-text);margin-bottom:.75rem;font-weight:700}.certifications-list{padding-left:var(--padding-medium);margin-top:.5rem;list-style:none}.certifications-list li{font-size:calc(var(--text-size)*.95);color:var(--color-text-secondary);margin-bottom:.6rem;padding-left:1.25rem;line-height:1.5;position:relative}.certifications-list li:before{content:"✓";color:#6496ff;font-size:1.1rem;font-weight:700;position:absolute;left:0}.projects-page{margin-top:calc(var(--navbar-height) + var(--padding-medium));min-height:calc(100vh - var(--navbar-height) - var(--padding-medium));padding:var(--padding-large);padding-bottom:calc(var(--padding-large)*2);max-width:1200px;margin-left:auto;margin-right:auto;animation:.3s ease-out slideUp}.projects-page h1{text-align:center;margin-bottom:var(--padding-large);font-size:calc(var(--heading-size)*1.5)}.projects-grid{gap:var(--padding-medium);margin:var(--padding-medium)0;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.project-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--padding-large);box-shadow:0 2px 8px var(--color-box-shadow);cursor:pointer;gap:var(--padding-medium);background:#ffffff08;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}body.light .project-card{background:#ffffff0d}.project-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#6496ffcc,#6496ff33);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:#6496ff4d;transform:translateY(-4px);box-shadow:0 8px 24px #6496ff26}.project-category{font-size:var(--hint-size);color:#6496ff;background:#6496ff1a;border:1px solid #6496ff4d;border-radius:12px;width:fit-content;padding:.25rem .75rem;font-weight:600;display:inline-block}.project-card h3{font-size:calc(var(--text-size)*1.3);color:var(--color-text);margin:0;font-weight:600}.project-brief{font-size:var(--text-size);color:var(--color-text-secondary);flex-grow:1;margin:0;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tech-tag{border:1px solid var(--color-border);font-size:var(--hint-size);color:var(--color-text-secondary);background:#ffffff0d;border-radius:12px;padding:.25rem .75rem;font-weight:500}.grid-col-1,.grid-col-2,.grid-col-3{grid-column:span 1}.projects-lunchbox{gap:var(--padding-medium);margin:var(--padding-medium)0;padding:var(--padding-medium)0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-item,.lunchbox-item{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--padding-large);box-shadow:0 2px 8px var(--color-box-shadow);cursor:pointer;justify-content:center;align-items:center;gap:var(--padding-small);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.project-item:hover,.lunchbox-item:hover{box-shadow:0 4px 12px var(--color-box-shadow-hover)}.lunchbox-image{background:var(--color-background);border-radius:var(--border-radius);width:100%;height:150px;margin-bottom:var(--padding-small);justify-content:center;align-items:center;display:flex}.image-placeholder{background:var(--color-border);width:60px;height:60px;color:var(--color-text-secondary);border-radius:var(--border-radius);font-size:var(--text-size);justify-content:center;align-items:center;font-weight:500;display:flex}.lunchbox-content{gap:var(--padding-small);flex-direction:column;display:flex}.project-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.5;z-index:999;animation:.2s ease-in fadeIn;position:fixed;inset:0}.project-modal-content{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:1000;flex-direction:column;width:calc(100vw - 200px);max-width:1200px;height:80vh;min-height:400px;max-height:80vh;padding:0;animation:.35s ease-out expandModal;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000004d}@keyframes expandModal{0%{left:calc(var(--origin-x) + var(--origin-width)/2);top:calc(var(--origin-y) + var(--origin-height)/2);width:var(--origin-width);height:var(--origin-height);opacity:0;transform:translate(-50%,-50%)}to{opacity:1;width:calc(100vw - 240px);max-width:1200px;height:80vh;min-height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}}.project-modal-close{top:var(--padding-large);right:var(--padding-large);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;z-index:1001;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;transition:all .2s;display:flex;position:absolute}.project-modal-close:hover{color:#ff6464;background:#f003;border-color:#f006;transform:rotate(90deg)}.project-modal-body{padding:var(--padding-large);flex:1;position:relative;overflow-y:auto}.project-modal-header{margin-bottom:var(--padding-large)}.project-modal-category{font-size:var(--text-size);color:#6496ff;margin-bottom:var(--padding-medium);background:#6496ff1a;border:1px solid #6496ff4d;border-radius:12px;padding:.5rem 1rem;font-weight:600;display:inline-block}.project-modal-body h2{font-size:calc(var(--heading-size)*1.5);margin-bottom:var(--padding-medium);color:var(--color-text)}.project-modal-body:last-child{margin-bottom:0!important}.project-modal-description{font-size:var(--text-size);color:var(--color-text-secondary);line-height:1.8}.project-modal-section{margin-bottom:var(--padding-large)}.project-modal-section.no-margin-bottom{margin-bottom:0}.project-modal-section h3{font-size:var(--subheading-size);margin-bottom:var(--padding-medium);color:var(--color-text);font-weight:600}.project-tech-grid{flex-wrap:wrap;gap:.75rem;display:flex}.tech-badge{font-size:var(--text-size);color:var(--color-text);background:#6496ff1a;border:1px solid #6496ff40;border-radius:16px;padding:.5rem 1rem;font-weight:500}.project-features-list{margin:0;padding:0;list-style:none}.project-features-list li{padding:var(--padding-small)0;font-size:var(--text-size);color:var(--color-text-secondary);padding-left:1.5rem;line-height:1.6;position:relative}.project-features-list li:before{content:"✓";color:#6496ffcc;font-size:1.1em;font-weight:700;position:absolute;left:0}.project-modal-links{gap:var(--padding-medium);margin-top:var(--padding-large);padding-top:var(--padding-large);border-top:1px solid var(--color-border);display:flex}.project-link-btn{border-radius:var(--border-radius);color:#6496ff;font-size:var(--text-size);background:#6496ff1a;border:1px solid #6496ff4d;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-link-btn:hover{background:#6496ff33;border-color:#6496ff80;transform:translateY(-2px);box-shadow:0 4px 12px #6496ff33}.project-modal-body p{margin-bottom:var(--padding-small);line-height:1.6}.project-title{font-size:var(--subheading-size);color:var(--color-text);margin:0;font-weight:700}.project-description{color:var(--color-text-secondary);font-size:var(--text-size);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.project-tags{gap:var(--padding-small);flex-wrap:wrap;display:flex}.tag{background:var(--color-text-secondary);color:var(--color-background);font-size:var(--hint-size);padding:4px var(--padding-small);border-radius:var(--border-radius);font-weight:500}.contact-page{margin-top:calc(var(--navbar-height) + var(--padding-medium));min-height:calc(100vh - var(--navbar-height) - var(--padding-medium));padding:var(--padding-large);padding-bottom:calc(var(--padding-large)*2);gap:var(--padding-large);flex-direction:column;max-width:800px;margin-left:auto;margin-right:auto;animation:.3s ease-out slideUp;display:flex}.contact-page h1{text-align:center;font-size:calc(var(--heading-size)*1.5);margin-bottom:0}.contact-page>p{text-align:center;margin-bottom:var(--padding-medium)}.contact-page ul{margin-bottom:var(--padding-large);padding:0;list-style:none}.contact-page li{padding:var(--padding-small)0;border-bottom:1px solid var(--color-border);align-items:center;display:flex}.contact-page li:last-child{border-bottom:none}.contact-page li>span{min-width:100px;font-weight:600;font-size:var(--hint-size)}.contact-page a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.contact-page a:hover{color:var(--color-text);text-decoration:underline}.contact-footer{padding:var(--padding-large);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--color-border);border-radius:var(--border-radius);background:#ffffff08;flex-direction:column;align-items:center;display:flex}body.light .contact-footer{background:#ffffff0d}.contact-footer>p{margin-bottom:var(--padding-medium);font-size:var(--text-size);font-weight:600}.contact-icons-container{justify-content:center;gap:var(--padding-medium);margin:var(--padding-medium)0;flex-wrap:wrap;display:flex}.contact-icon{border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.contact-icon:hover{color:#6496ff;background:#6496ff33;border-color:#6496ff80;transform:translateY(-2px);box-shadow:0 4px 12px #6496ff33}.contact-icon svg{width:24px;height:24px}.contact-page h2{text-align:center;margin:0 0 var(--padding-large);font-size:var(--subheading-size);color:var(--color-text-secondary);font-weight:500}.contact-header{flex:1}.contact-options-text{text-align:center;margin-bottom:var(--padding-large);font-size:var(--hint-size)}.contact-toggle-container{max-width:600px;margin:0 auto}.contact-tabs{margin:0 auto;margin-block:var(--padding-small);border-radius:var(--border-radius);border:2px solid var(--color-border);height:var(--button-height);width:calc(var(--button-width)*4);background:var(--color-background-secondary);gap:0;display:flex;position:relative;overflow:hidden}.contact-tab:hover:not(.active){color:var(--color-text);background:var(--color-background-secondary);box-shadow:none;transform:translate(0)}.contact-tab.active:hover{background:var(--color-text-secondary);box-shadow:none;transform:translate(0)}.contact-tabs:before{content:"";background:var(--color-text-secondary);border-radius:calc(var(--border-radius) - 4px);z-index:0;width:50%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.contact-tabs[data-active=scheduler]:before{transform:translate(100%)}.contact-tab{height:100%;font-size:var(--text-size);font-weight:600;font-family:var(--font-geist-sans);color:var(--color-text);cursor:pointer;z-index:1;background:0 0;border:none;flex:1;transition:color .3s;position:relative}.contact-tab.active{color:var(--color-background)}.contact-content{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-form-container{padding:var(--padding-large);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--color-border);border-radius:var(--border-radius);background:#ffffff08;min-height:300px}body.light .contact-form-container{background:#ffffff0d}.contact-form-container>p{text-align:center;margin-bottom:var(--padding-large);font-size:var(--text-size)}.contact-form-container textarea{resize:none}.contact-form-container .submit-button{margin:var(--padding-small)auto}.contact-form-container.scheduler-option{flex-direction:column;display:flex}.contact-form{gap:var(--padding-small);flex-direction:column;display:flex}.scheduler-container{padding:var(--padding-large)0;flex-grow:1;justify-content:center;align-items:center;display:flex}.contact-details-container{max-width:400px;margin:var(--padding-small)auto}.scheduler-modal-overlay{z-index:1000;padding:var(--padding-large);justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.scheduler-modal-backdrop{z-index:998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.5;position:fixed;inset:0}.scheduler-modal{border-radius:var(--border-radius);z-index:1001;background:#fff;width:100%;max-width:1200px;height:80vh;max-height:800px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scheduler-modal-close{top:var(--padding-medium);right:var(--padding-medium);color:#333;cursor:pointer;z-index:10;background:0 0;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;transition:all .2s;display:flex;position:absolute}.scheduler-modal-close:hover{color:#ff6464;background:#f003;border-color:#f006;transform:rotate(90deg)}.scheduler-iframe{border:none;width:100%;height:100%}.not-found-page{text-align:center;height:100vh;padding:var(--padding-large);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-page h1{color:var(--color-text-secondary);margin:0;font-size:72px;font-weight:700;line-height:1}.not-found-page h2{font-size:var(--heading-size);margin:var(--padding-small)0 var(--padding-large)}.not-found-page p{margin:0 0 var(--padding-large);opacity:.8;max-width:400px}.not-found-actions{gap:var(--padding-small);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.navbar-links{gap:var(--padding-small)}.contact-tabs{flex-direction:column;height:auto}.contact-tab{height:var(--button-height)}.contact-tab:first-child{border-right:none;border-bottom:1px solid var(--color-border)}.education-container,.skills-container,.projects-grid,.projects-lunchbox{grid-template-columns:1fr}}