:root{--font-family: Verdana, Geneva, Tahoma, sans-serif;--primary-color: #095c42;--secondary-color: rgb(13, 124, 89);--background-color: #ffffff;--text-color: #232323;--form-background: #f2f2f2;--link-active: #009933;--link-color: #006b2d;--link-visited: #004d20;--link-hover: #00b84d;--h5-color: #626f69;--section-bg: linear-gradient(160deg, #ffffff 0%, #f5faf7 100%);--section-border: #d8e7df;--section-shadow: 0 10px 24px rgba(8, 40, 28, .08);--section-shadow-hover: 0 14px 30px rgba(8, 40, 28, .12);font-family:var(--font-family);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:80%;min-width:320px;min-height:100vh;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color)}a:active{color:var(--link-active)}a:link{color:var(--link-color)}a:visited{color:var(--link-visited)}a:hover{color:var(--link-hover)}button,input[type=submit]{background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .3s ease}button:hover,input[type=submit]:hover{background-color:var(--secondary-color)}body.dark-mode{--primary-color: #084733;--secondary-color: #084532;--background-color: #282a36;--text-color: #e8e8e8;--form-background: #323544;--link-active: rgb(79, 202, 104);--link-color: rgb(112, 228, 143);--link-visited: rgb(37, 209, 85);--link-hover: rgb(47, 246, 20);--h5-color: #aab5b0;--section-bg: linear-gradient(155deg, #2f3342 0%, #2a2e3c 100%);--section-border: #46504d;--section-shadow: 0 12px 26px rgba(0, 0, 0, .32);--section-shadow-hover: 0 16px 34px rgba(0, 0, 0, .4)}body.dark-mode a:active{color:var(--link-active)}body.dark-mode a:link{color:var(--link-color)}body.dark-mode a:visited{color:var(--link-visited)}body.dark-mode a:hover{color:var(--link-hover)}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background-color:var(--form-background);color:var(--text-color);border:1px solid #444444}body.dark-mode input::placeholder{color:#aaa}body.dark-mode button,body.dark-mode input[type=submit]{background-color:#0d7e4d;color:#e8e8e8}body.dark-mode button:hover,body.dark-mode input[type=submit]:hover{background-color:#10924a}@media(max-width:768px){body{max-width:92%}}#root{width:100%}.hidden{display:none}header,main,footer{width:100%}main{display:grid;gap:20px;margin-top:18px}main section,footer,#clicker-game{position:relative;overflow:hidden;background:var(--section-bg);border:1px solid var(--section-border);border-radius:16px;box-shadow:var(--section-shadow)}main section,#clicker-game{padding:28px 32px 30px}main section:before,footer:before,#clicker-game:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0f9d72,#1bb38b 55%,#55d0af)}footer{margin-top:20px;padding:28px 32px 30px}#clicker-game{margin-top:20px}#about:before{background:linear-gradient(90deg,#0f9d72,#1bb38b)}#education:before{background:linear-gradient(90deg,#2f84c8,#52a3e2)}#projects:before{background:linear-gradient(90deg,#d69228,#e9af43)}#todo:before{background:linear-gradient(90deg,#7a57c9,#9a77dd)}#github-profile:before{background:linear-gradient(90deg,#51617a,#6b7e9d)}#clicker-game:before{background:linear-gradient(90deg,#cb4f6f,#de7590)}main section .section-content,main section .section-collapsable,footer .section-content,footer .section-collapsable,#clicker-game .section-content,#clicker-game .section-collapsable{max-width:920px;margin:0 auto}main section p,main section li,footer p,footer li,#clicker-game p,#clicker-game li{font-size:1.08rem;line-height:1.65}main section p,main section li,footer p,footer li{text-align:center}#education ol,#projects ul{list-style-position:inside}.site-header{position:relative;text-align:center;padding-top:10px}.header-clock-wrap{position:absolute;top:15px;left:0;margin-left:4px;padding:6px 10px;border-radius:6px;border:1px solid #cdd9d4;background-color:#f3f8f6}.header-clock-wrap p{margin:0;font-size:.86rem;font-weight:600}body.dark-mode .header-clock-wrap{border-color:#46544e;background-color:var(--form-background)}.theme-toggle-button{position:absolute;top:10px;right:7.5rem;margin-right:4px;padding:6px 10px;border-radius:6px;font-size:.86rem;font-weight:600}main h2,footer h2,#clicker-game h2{display:flex;justify-content:center;align-items:center;gap:8px;text-align:center}main h2:before,footer h2:before,#clicker-game h2:before{content:"▼";position:static;transition:transform .3s ease}main h2.collapsed:before,footer h2.collapsed:before,#clicker-game h2.collapsed:before{content:"▶"}img.profile-image{border-radius:50%;box-shadow:0 4px 8px #0003;display:block;margin:0 auto}h1{text-align:center}h5{margin-top:2px;font-family:Trebuchet MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.02em;color:var(--h5-color)}#greeting{text-align:center}#clicker-game{width:100%}.navbar{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;width:min(740px,92vw);list-style:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(9,92,66,.22);background:linear-gradient(180deg,#fffffff0,#f4fbf7f0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 24px #06281c24}.navbar li{display:block}.navbar li a{display:inline-block;padding:9px 14px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:9px;font-weight:600;letter-spacing:.01em;transition:background-color .25s ease,transform .25s ease,box-shadow .25s ease}.navbar li a:link,.navbar li a:visited,.navbar li a:active,.navbar li a:hover{color:#fff}.navbar li a:hover{background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 6px 14px #095c423d}.navbar li a[aria-current=page],.navbar li a.active{background-color:var(--secondary-color);box-shadow:inset 0 0 0 1px #ffffff47,0 4px 10px #095c4233}body.dark-mode .navbar{border-color:#59b18659;background:linear-gradient(180deg,#2b313ef0,#242a36f0);box-shadow:0 12px 28px #0000005c}body.dark-mode .navbar li a,body.dark-mode .navbar li a:link,body.dark-mode .navbar li a:visited,body.dark-mode .navbar li a:active{color:#d8d8d8;background-color:#0d7e4d}body.dark-mode .navbar li a:hover{color:#e8e8e8;background-color:#10924a;box-shadow:0 6px 14px #0000004d}body.dark-mode .navbar li a[aria-current=page],body.dark-mode .navbar li a.active{color:#fff;background-color:#10924a;box-shadow:inset 0 0 0 1px #ffffff38,0 4px 10px #00000040}#root{padding-top:94px}@media(max-width:768px){.navbar{top:8px;width:min(680px,96vw);gap:8px;padding:8px 10px;border-radius:12px}.navbar li a{padding:8px 12px;font-size:.94rem}#root{padding-top:86px}}.contact-form-card{width:min(100%,560px);margin:14px auto 0;padding:18px;border:1px solid #cfddd7;border-radius:12px;background:linear-gradient(145deg,#f9fcfa,#edf5f1);box-shadow:0 12px 24px #052c1e17}.contact-form-title{margin-bottom:12px;font-size:1.08rem}.contact-form{display:grid;gap:10px}.contact-form-label{font-size:.86rem;font-weight:600;color:#1e4035}.contact-form-input,.contact-form-textarea{width:100%;border:1px solid #b9cbc2;border-radius:8px;background-color:#fff;color:#1f2824;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.contact-form-textarea{min-height:120px;resize:vertical}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#77877f}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:#0d7d5a;box-shadow:0 0 0 3px #0d7d5a33}.contact-form-button{justify-self:start;min-width:130px;margin-top:6px;font-weight:600}.contact-form-feedback{margin-top:12px;padding:9px 12px;border-radius:8px;border:1px solid #bdddc9;background-color:#e2f2ea;color:#0b5a3f;font-size:.92rem}body.dark-mode .contact-form-card{border-color:#4e5f58;background:var(--form-background);box-shadow:none}body.dark-mode .contact-form-label{color:#ddece5}body.dark-mode .contact-form-input,body.dark-mode .contact-form-textarea{background-color:#2f3a35;border-color:#55655e;color:#e8e8e8}body.dark-mode .contact-form-input::placeholder,body.dark-mode .contact-form-textarea::placeholder{color:#9fb0a8}body.dark-mode .contact-form-input:focus,body.dark-mode .contact-form-textarea:focus{border-color:#53b58a;box-shadow:0 0 0 3px #53b58a40}body.dark-mode .contact-form-feedback{background-color:#355547;border-color:#4a7561;color:#dff5e8}.todo-list-widget{width:min(100%,360px);margin:0 0 18px;padding:12px;border:1px solid #d3ddd8;border-radius:8px;background-color:#f7faf8}.todo-list-widget h3{margin-bottom:10px;font-size:1rem}.todo-list-controls{display:flex;gap:8px}.project-form{width:min(100%,420px);display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-form-fields{display:flex;flex-direction:column;gap:8px}.project-description-input{resize:vertical;min-height:88px;font:inherit}.todo-list-input{flex:1;min-width:0;padding:6px 8px;border:1px solid #bfcac5;border-radius:4px}.todo-list-add-button{padding:6px 10px;font-size:.82rem;font-weight:600}.todo-list-items{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:6px}.todo-list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem}.todo-list-item span{overflow-wrap:anywhere}.todo-list-delete-button{padding:3px 8px;font-size:.75rem;background-color:#dce8e2;color:#104a36}.todo-list-delete-button:hover{background-color:#c9dbd2}body.dark-mode .todo-list-widget{background-color:var(--form-background);border-color:#444}body.dark-mode .todo-list-input{border-color:#555;background:var(--form-background);color:var(--text-color)}body.dark-mode .todo-list-delete-button{background-color:#4b5e57;color:#e8e8e8}body.dark-mode .todo-list-delete-button:hover{background-color:#587066}.project-toolbar{width:min(100%,760px);display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px}.project-toolbar h5{margin:0}.project-search-input{flex:1 1 240px;min-width:0;padding:10px 12px;border:1px solid #bfcac5;border-radius:10px;background:#ffffffd9;font:inherit}.project-item{width:min(100%,760px);margin-bottom:14px}.project-card{padding:16px 18px;border-radius:16px;border:1px solid transparent;box-shadow:0 10px 20px #08281c14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card h3{margin-bottom:4px}.project-card p{text-align:left;margin-top:10px}.project-edit-fields{display:flex;flex-direction:column;gap:8px}.project-edit-input,.project-edit-textarea{width:100%;box-sizing:border-box}.project-edit-textarea{resize:vertical;min-height:88px}.project-card--done{background:linear-gradient(160deg,#e8f8ef,#d8f0e0);border-color:#7bc79b}.project-card--todo{background:linear-gradient(160deg,#fff3e0,#ffe2c1);border-color:#e7a14f}.project-card--done h3,.project-card--done h5,.project-card--done p,.project-card--todo h3,.project-card--todo h5,.project-card--todo p{color:inherit}.project-status-button{margin-top:10px;margin-right:8px;font-weight:700}.project-status-button--done{background:#0f7a49;color:#fff}.project-status-button--done:hover{background:#0b6139}.project-status-button--todo{background:#c56a12;color:#fff}.project-status-button--todo:hover{background:#a9550a}.project-status-button--edit{background:#205f93;color:#fff}.project-status-button--edit:hover{background:#184b75}.project-item .todo-list-delete-button{margin-top:10px}body.dark-mode .project-search-input{border-color:#555;background:var(--form-background);color:var(--text-color)}body.dark-mode .project-card--done{background:linear-gradient(160deg,#234735,#1f3d2f);border-color:#3d8461}body.dark-mode .project-card--todo{background:linear-gradient(160deg,#814a1a,#97511c);border-color:#d87c20}body.dark-mode .project-status-button--done{background:#1a8e57}body.dark-mode .project-status-button--done:hover{background:#179250}body.dark-mode .project-status-button--todo{background:#d57a22}body.dark-mode .project-status-button--todo:hover{background:#c86a13}body.dark-mode .project-status-button--edit{background:#2c74aa}body.dark-mode .project-status-button--edit:hover{background:#245f8c}.clicker-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.clicker-panel{justify-self:start;width:100%;text-align:left}.clicker-panel p{margin-top:8px}.clicker-panel button{margin-top:12px}.clicker-items-panel{justify-self:end;width:min(100%,460px);text-align:left}.clicker-item-card{margin-top:12px;padding:12px;border:1px solid #d0d0d0;border-radius:6px;background-color:#f4f8f6}.clicker-item-card p{margin-top:6px}.clicker-item-card button{margin-top:10px}body.dark-mode .clicker-item-card{background-color:var(--form-background);border-color:#444}@media(max-width:768px){.site-header{display:flex;flex-direction:column;align-items:center}.header-clock-wrap{position:static;align-self:flex-start;margin:0 0 10px}.theme-toggle-button{position:static;align-self:flex-end;margin:0 0 10px}nav ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}nav ul li a{padding:8px 12px}.clicker-layout{grid-template-columns:1fr}.clicker-items-panel,.clicker-panel{justify-self:stretch;width:100%}.contact-form-card{padding:14px;border-radius:10px}.contact-form-button{width:100%;justify-self:stretch}main{gap:14px;margin-top:14px}main section,footer,#clicker-game{border-radius:12px}main section,#clicker-game{padding:20px}footer{margin-top:14px;padding:20px}#clicker-game{margin-top:14px}}#stats:before{background:#f2b24a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:12px;gap:10px;text-align:center}.stat-label{font-size:.95rem;color:#000000b8;font-weight:500}body.dark-mode .stat-label{color:#fff}.stat-value{font-size:2.5rem;font-weight:700;color:#f2b24a}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:15px}.stat-value{font-size:2rem}}