*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%}.datetime-container{position:absolute;bottom:100px;left:60px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.time{font-size:150px;font-weight:200;line-height:1;margin-bottom:10px}.date{font-size:32px;font-weight:300;line-height:1;margin-left:13px}.hint-box{position:absolute;top:40px;right:40px;background-color:#00000080;padding:15px 25px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hint-box p{margin:0;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:300;text-shadow:0 1px 3px rgba(0,0,0,.8)}.image-credits{position:absolute;top:40px;right:285px;z-index:5}.credits-link{display:flex;align-items:center;justify-content:center;gap:0;text-decoration:none;color:#fff;background-color:#0006;padding:12px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden;width:52px;height:52px;max-width:52px}.credits-link:hover{background-color:#0009;width:auto;min-height:52px;gap:10px;padding:12px 20px;max-width:320px;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.camera-icon{width:24px;height:24px;flex-shrink:0;transition:transform .3s ease;margin:0;stroke:currentColor;fill:none}.credits-link:hover .camera-icon{transform:rotate(25deg)}.credits-text{white-space:nowrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:300;opacity:0;max-width:0;overflow:hidden;transition:opacity .3s ease .1s,max-width .3s ease .1s}.credits-link:hover .credits-text{opacity:1;max-width:200px}.landing-page{width:100vw;height:100vh;position:relative;background-image:url(/lockscreen.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;cursor:pointer;outline:none}.landing-page:focus{outline:none}.login-avatar{width:200px;height:200px;border-radius:0;background-color:#5a5a5a;background-size:cover;background-position:center;border:none;margin:0;box-shadow:0 4px 16px #0006;flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.login-input{width:100%;padding:16px 18px;border-radius:0;border:none;border-bottom:2px solid rgba(255,255,255,.6);background:#ffffff1a;color:#fff;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none;transition:all .2s ease}.login-input::placeholder{color:#ffffffb3}.login-input:focus{border-bottom-color:#0078d4;background:#ffffff26}.login-button{width:100%;padding:14px 16px;border-radius:12px;border:none;font-size:15px;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:all .2s ease}.login-button.primary{background:linear-gradient(135deg,#0078d4,#0063b1);color:#fff}.login-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#005a9e,#004578);transform:translateY(-1px);box-shadow:0 6px 20px #0078d44d}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-actions{display:flex;flex-direction:column;gap:12px;position:relative}.login-button.secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15)}.login-button.secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.login-back-btn{position:fixed;bottom:30px;right:30px;padding:10px 20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fff;font-size:14px;font-weight:400;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.login-back-btn:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-1px)}.login-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-image:url(/lockscreen.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.login-page:before{content:"";position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.login-container{position:relative;display:flex;align-items:center;gap:40px;width:min(700px,90vw);padding:50px 60px;border-radius:0;background:#1e1e23;border:none;box-shadow:0 20px 60px #0009;color:#fff;text-align:left;z-index:1}.login-right{flex:1;display:flex;flex-direction:column}.login-title{margin:0 0 8px;font-size:42px;font-weight:300;font-family:Segoe UI Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.login-subtitle{margin:0 0 32px;color:#fffc;font-size:16px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;perspective:1000px}.tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.tile:active{transform:scale(.98)}.tile-small{width:166px;height:166px}.tile-medium{width:340px;height:166px}.tile-large{width:340px;height:340px}.tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:tileFlip 20s infinite}.tile-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:20px;color:#fff}.tile-front{align-items:flex-start;justify-content:flex-end}.tile-back{align-items:center;justify-content:center;transform:rotateY(180deg)}.tile-icon{font-size:48px;margin-bottom:auto;padding-top:10px}.tile-icon-large{font-size:120px;display:flex;align-items:center;justify-content:center}.tile-icon-large svg{width:120px;height:120px}.tile-title{font-size:18px;font-weight:300;text-align:left;line-height:1.2}@keyframes tileFlip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.tile:hover .tile-inner{animation-play-state:paused}.resume-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease}.resume-modal{background:#fff;border-radius:8px;width:90vw;max-width:900px;height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.resume-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f5f5f5;border-radius:8px 8px 0 0}.resume-modal-header h2{margin:0;font-size:20px;font-weight:400;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.modal-close-btn{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close-btn:hover{background:#00000014;color:#333}.resume-viewer{flex:1;overflow:hidden;background:#525659;position:relative}.resume-iframe{width:100%;height:100%;border:none}.resume-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0;background:#f5f5f5;border-radius:0 0 8px 8px;justify-content:flex-end}.modal-btn{padding:10px 24px;border-radius:4px;border:none;font-size:14px;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;transition:all .2s ease;min-width:100px}.download-btn{background:#0078d4;color:#fff}.download-btn:hover{background:#005a9e}.cancel-btn{background:#fff;color:#333;border:1px solid #ccc}.cancel-btn:hover{background:#f0f0f0;border-color:#999}.social-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;perspective:1000px;width:166px;height:166px}.social-tile:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059;z-index:10}.social-tile:active{transform:scale(.98)}.social-tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:socialTileFlip 30s infinite}.social-tile-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:16px;color:#fff}.social-tile-front{align-items:flex-start;justify-content:flex-end}.social-tile-back{align-items:center;justify-content:center;transform:rotateY(180deg)}.social-icon{font-size:40px;display:flex;align-items:center;justify-content:center;margin-bottom:auto;padding-top:8px}.social-icon svg{width:40px;height:40px}.social-icon-large{font-size:64px;display:flex;align-items:center;justify-content:center}.social-icon-large svg{width:64px;height:64px}.social-name{font-size:14px;font-weight:400;text-align:left;line-height:1.2}@keyframes socialTileFlip{0%,45%{transform:rotateY(0)}50%,95%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.social-tile:hover .social-tile-inner{animation-play-state:paused}.social-grid-container{display:flex;flex-direction:column;gap:10px}.social-grid-title{display:none}.social-grid{display:grid;grid-template-columns:repeat(2,160px);gap:10px;width:fit-content}@media (min-width: 800px){.social-grid{grid-template-columns:repeat(3,166px)}}.medium-article-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;perspective:1000px;background-color:#008956}.medium-article-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.medium-article-tile:active{transform:scale(.98)}.medium-tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:mediumTileFlip 25s infinite}.medium-tile-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:20px;color:#fff}.medium-tile-front{align-items:flex-start;justify-content:flex-end}.medium-tile-back{align-items:center;justify-content:center;transform:rotateY(180deg);padding:0;overflow:hidden}.medium-icon{font-size:48px;margin-bottom:auto;padding-top:10px;display:flex;align-items:center;justify-content:center}.medium-icon svg{width:48px;height:48px}.medium-icon-large{font-size:80px;display:flex;align-items:center;justify-content:center}.medium-icon-large svg{width:80px;height:80px}.medium-title{font-size:20px;font-weight:300;line-height:1.2;text-align:left}.article-preview{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.article-preview-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}.article-thumbnail{width:100%;height:100%;object-fit:cover}.article-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:16px;display:flex;align-items:flex-end}.article-preview-title{font-size:14px;font-weight:400;line-height:1.3;color:#fff;text-align:left}@keyframes mediumTileFlip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.medium-article-tile:hover .medium-tile-inner{animation-play-state:paused}.github-stats-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#24292f}.github-stats-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.github-stats-tile:active{transform:scale(.98)}.github-stats-content{display:flex;flex-direction:column;height:100%;color:#fff}.github-icon{font-size:36px;margin-bottom:auto;display:flex;align-items:center;justify-content:flex-start}.github-icon svg{width:36px;height:36px}.github-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:24px;font-weight:600;line-height:1;margin-bottom:4px}.stat-label{font-size:11px;font-weight:300;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.github-loading,.github-error{font-size:16px;font-weight:300;text-align:left;margin-top:auto}.project-highlight-tile{position:relative;border:none;cursor:pointer;transition:all .3s ease;overflow:hidden;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;perspective:1000px}.project-highlight-tile:hover{transform:scale(1.02);box-shadow:0 12px 32px #00000059}.project-highlight-tile:active{transform:scale(.98)}.project-highlight-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:projectHighlightFlip 15s infinite}.project-highlight-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:30px;color:#fff}.project-highlight-front{align-items:flex-start;justify-content:flex-start}.project-highlight-back{align-items:center;justify-content:center;transform:rotateY(180deg)}.project-content{display:flex;flex-direction:column;gap:16px;width:100%}.project-title{margin:0;font-size:32px;font-weight:300;line-height:1.2;color:#fff;text-align:left}.project-description{margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#ccc;text-align:left}.project-cta{display:flex;flex-direction:column;align-items:center;gap:16px}.cta-text{font-size:36px;font-weight:300;color:#fff;text-align:center}.cta-arrow{font-size:64px;font-weight:300;color:#fff;animation:arrowBounce 2s infinite}@keyframes projectHighlightFlip{0%,45%{transform:rotateY(0)}50%,95%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.project-highlight-tile:hover .project-highlight-inner{animation-play-state:paused}.projects-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#181a1b}.projects-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.projects-tile:active{transform:scale(.98)}.projects-content{display:flex;flex-direction:column;height:100%;color:#ccc}.projects-icon{font-size:48px;margin-bottom:auto;padding-top:10px;display:flex;align-items:center;justify-content:center;color:#ccc}.projects-icon svg{width:48px;height:48px}.projects-title{font-size:20px;font-weight:300;line-height:1.2;text-align:left}.projects-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects-modal{width:85vw;max-width:900px;max-height:80vh;background:#232628;border:3px solid #181a1b;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.projects-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#181a1b;border-bottom:1px solid #2a2c2d}.projects-modal-title{margin:0;font-size:16px;font-weight:400;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.projects-modal-close{width:32px;height:32px;border:none;background:#e74856;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300}.projects-modal-close:hover{background:#d7303d}.projects-modal-close:active{transform:scale(.95)}.projects-modal-content{flex:1;overflow-y:auto;padding:24px}.projects-empty{text-align:center;font-size:18px;color:#999;padding:40px}.projects-list{display:flex;flex-direction:column;gap:20px}.project-item{padding:20px;background:#2d2f31;border-left:4px solid #3a3c3d;transition:all .2s ease}.project-item:hover{background:#3a3c3d;border-left-color:#4a4c4d;box-shadow:0 2px 8px #0000004d}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-name{margin:0;font-size:20px;font-weight:600;color:#e0e0e0}.project-link-btn{width:32px;height:32px;border:none;background:#4a9eff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.project-link-btn svg{width:18px;height:18px}.project-link-btn:hover{background:#3a8ee6}.project-link-btn:active{transform:scale(.95)}.project-description{margin:0 0 12px;font-size:14px;line-height:1.5;color:#b0b0b0}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:4px 12px;background:#2d2f31;border:1px solid #3a3c3d;border-radius:12px;font-size:12px;color:#ccc;font-weight:500}.projects-modal-content::-webkit-scrollbar{width:10px}.projects-modal-content::-webkit-scrollbar-track{background:#1a1c1d}.projects-modal-content::-webkit-scrollbar-thumb{background:#3a3c3d;border-radius:5px}.projects-modal-content::-webkit-scrollbar-thumb:hover{background:#4a4c4d}.thought-tile{position:relative;transition:all .2s ease;overflow:hidden;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#9b59b6;cursor:default}.thought-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.thought-content{display:flex;flex-direction:column;height:100%;color:#fff;gap:12px}.thought-label{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;opacity:.8}.thought-text{margin:0;font-size:16px;font-weight:400;line-height:1.5;flex:1;display:flex;align-items:center}.about-me-tile{position:relative;transition:all .2s ease;overflow:hidden;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;cursor:default}.about-me-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.about-me-content{display:flex;flex-direction:column;height:100%;color:#fff;gap:12px}.about-me-image{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.5)}.about-me-image img{width:100%;height:100%;object-fit:cover}.about-me-text{flex:1;display:flex;flex-direction:column;gap:8px}.about-me-name{margin:0;font-size:20px;font-weight:600;line-height:1.8}.about-me-bio{margin:0;font-size:15px;font-weight:400;line-height:1.8;opacity:.95}.gallery-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;perspective:1000px;background-color:#b25e14}.gallery-tile:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000059;z-index:10}.gallery-tile:active{transform:scale(.98)}.gallery-tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:galleryTileFlip 50s infinite}.gallery-tile-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;padding:16px;color:#fff}.gallery-tile-front{align-items:flex-start;justify-content:flex-end}.gallery-tile-back{align-items:center;justify-content:center;transform:rotateY(180deg);padding:0}.gallery-icon{font-size:40px;margin-bottom:auto;padding-top:8px;display:flex;align-items:center;justify-content:center}.gallery-icon svg{width:40px;height:40px}.gallery-icon-large{font-size:64px;display:flex;align-items:center;justify-content:center}.gallery-icon-large svg{width:64px;height:64px}.gallery-title{font-size:14px;font-weight:400;text-align:left;line-height:1.2}.gallery-preview{width:100%;height:100%;object-fit:cover}@keyframes galleryTileFlip{0%,45%{transform:rotateY(0)}50%,95%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.gallery-tile:hover .gallery-tile-inner{animation-play-state:paused}.gallery-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.gallery-modal{width:85vw;max-width:1000px;max-height:80vh;background:#232628;border:3px solid #181a1b;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#181a1b;border-bottom:1px solid #2a2c2d}.gallery-modal-title{margin:0;font-size:16px;font-weight:400;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gallery-modal-close{width:32px;height:32px;border:none;background:#e74856;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300}.gallery-modal-close:hover{background:#d7303d}.gallery-modal-close:active{transform:scale(.95)}.gallery-modal-content{flex:1;overflow-y:auto;padding:24px}.gallery-empty{text-align:center;font-size:18px;color:#666;padding:40px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-item{display:flex;flex-direction:column;gap:8px;background:#2d2f31;border-radius:4px;overflow:hidden;transition:all .2s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.gallery-image{width:100%;height:200px;object-fit:cover;cursor:pointer}.gallery-caption{padding:12px;font-size:14px;color:#ccc;line-height:1.4;text-align:center}.gallery-modal-content::-webkit-scrollbar{width:10px}.gallery-modal-content::-webkit-scrollbar-track{background:#1a1c1d}.gallery-modal-content::-webkit-scrollbar-thumb{background:#3a3c3d;border-radius:5px}.gallery-modal-content::-webkit-scrollbar-thumb:hover{background:#4a4c4d}.techstack-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#12806a}.techstack-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.techstack-tile:active{transform:scale(.98)}.techstack-content{display:flex;flex-direction:column;height:100%;color:#fff;justify-content:space-between;align-items:flex-start}.techstack-icon{display:flex;align-items:center;justify-content:flex-start}.techstack-icon svg{width:48px;height:48px}.techstack-title{font-size:14px;font-weight:400;line-height:1.2;text-align:left}.techstack-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.techstack-modal{width:85vw;max-width:800px;max-height:80vh;background:#232628;border:3px solid #181a1b;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.techstack-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#181a1b;border-bottom:1px solid #2a2c2d}.techstack-modal-title{margin:0;font-size:16px;font-weight:400;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.techstack-modal-close{width:32px;height:32px;border:none;background:#e74856;color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300}.techstack-modal-close:hover{background:#d7303d}.techstack-modal-close:active{transform:scale(.95)}.techstack-modal-content{flex:1;overflow-y:auto;padding:24px}.techstack-empty{text-align:center;font-size:18px;color:#999;padding:40px}.techstack-list{display:flex;flex-direction:column;gap:24px}.skill-category{display:flex;flex-direction:column;gap:12px}.skill-category-title{margin:0;font-size:20px;font-weight:600;color:#e0e0e0;padding-bottom:8px;border-bottom:2px solid #3a3c3d}.skill-items{display:flex;flex-wrap:wrap;gap:10px}.skill-item{padding:8px 16px;background:#2d2f31;border:1px solid #3a3c3d;border-radius:20px;font-size:14px;color:#ccc;font-weight:500;transition:all .2s ease}.skill-item:hover{background:#3a3c3d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.techstack-modal-content::-webkit-scrollbar{width:10px}.techstack-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.techstack-modal-content::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:5px}.techstack-modal-content::-webkit-scrollbar-thumb:hover{background:#3a8ee6}.feedback-tile{width:166px;height:166px;background:transparent;border:none;cursor:pointer;perspective:1000px;padding:0}.feedback-tile-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:feedbackFlip 10s ease-in-out infinite}@keyframes feedbackFlip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.feedback-tile:hover .feedback-tile-inner{animation-play-state:paused}.feedback-tile-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:0;background-color:#1d6fa5;color:#fff;padding:15px}.feedback-tile-front{transform:rotateY(0)}.feedback-tile-back{transform:rotateY(180deg)}.feedback-icon svg{width:48px;height:48px;color:#fff}.feedback-icon-large svg{width:80px;height:80px;color:#fff}.feedback-text{font-family:Segoe UI,sans-serif;font-size:16px;font-weight:600;color:#fff;text-align:left}.feedback-tile:hover{transform:scale(1.05);transition:transform .5s ease}.current-project-tile{position:relative;border:none;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#8e44ad}.current-project-tile:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.current-project-tile:active{transform:scale(.98)}.current-project-content{display:flex;flex-direction:column;height:100%;color:#fff;gap:8px}.project-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8;padding:4px 8px;background:#fff3;border-radius:4px;width:fit-content}.project-title{margin:0;font-size:20px;font-weight:600;line-height:1.2}.project-description{margin:0;font-size:14px;font-weight:400;line-height:1.4;opacity:.95;flex:1}.project-arrow{font-size:24px;align-self:flex-end;opacity:.8;transition:transform .2s ease}.current-project-tile:hover .project-arrow{transform:translate(4px)}.zoom-hint-popup{position:fixed;top:20px;right:30px;z-index:2000;animation:slideInDown .6s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.zoom-hint-content{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006;max-width:320px}.zoom-hint-text{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;line-height:1.5;color:#fffffff2;flex:1}.zoom-hint-close{background:transparent;border:none;color:#ffffffb3;font-size:24px;font-weight:300;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;line-height:1}.zoom-hint-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.zoom-hint-close:active{transform:scale(.95)}@media screen and (max-width: 767px){.zoom-hint-popup{top:15px;right:15px;left:15px}.zoom-hint-content{max-width:none;padding:12px 16px}.zoom-hint-text{font-size:12px}}@media screen and (max-width: 480px){.zoom-hint-popup{top:10px;right:10px;left:10px}.zoom-hint-content{padding:10px 14px}.zoom-hint-text{font-size:11px}.zoom-hint-close{font-size:20px;width:20px;height:20px}}.main-dashboard{width:100vw;height:100vh;background-image:url(/dashboard-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1e3a5f;overflow-x:auto;overflow-y:hidden;position:relative}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 60px;position:relative;z-index:10}.dashboard-start{margin:0;font-size:48px;font-weight:200;color:#fff;font-family:Segoe UI Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:-1px}.dashboard-user{display:flex;align-items:center;gap:12px;background:#0000004d;padding:8px 16px 8px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease}.dashboard-user:hover{background:#0006;transform:translateY(-1px)}.user-name{font-size:16px;font-weight:400;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap}.user-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);background-image:url(/loginimage.png);background-size:cover;background-position:center}.dashboard-content{padding:0 60px 60px;min-height:calc(100vh - 180px);overflow-x:auto;overflow-y:hidden}.tiles-grid{display:flex;flex-direction:column;gap:20px;flex-wrap:nowrap;width:max-content;padding-bottom:20px}.tiles-row{display:flex;gap:10px;align-items:flex-start}.tiles-column{display:flex;flex-direction:column;gap:10px}.main-dashboard::-webkit-scrollbar,.dashboard-content::-webkit-scrollbar{height:12px}.main-dashboard::-webkit-scrollbar-track,.dashboard-content::-webkit-scrollbar-track{background:#0003}.main-dashboard::-webkit-scrollbar-thumb,.dashboard-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px}.main-dashboard::-webkit-scrollbar-thumb:hover,.dashboard-content::-webkit-scrollbar-thumb:hover{background:#fff6}.app-root{width:100vw;height:100vh;overflow:hidden;background:#0b1633;transition:opacity .8s ease}.app-root.transitioning{animation:blurTransition .8s ease-out forwards}@keyframes blurTransition{0%{filter:blur(0px);opacity:1}50%{filter:blur(20px);opacity:.3}to{filter:blur(0px);opacity:1}}.view-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.view-container.fade-in{animation:smoothFadeIn .6s ease-out forwards}@keyframes smoothFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0px)}}