*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@keyframes bounce-in{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dashboard-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-image:url(/background.jpg);background-size:cover;background-position:center}.widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:800px;margin:0 auto;transition:grid-template-columns .5s ease-in-out,max-width .5s ease-in-out}.widget-wrapper{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.widget-wrapper:not(.no-hover-effect):hover{transform:scale(1.02);cursor:pointer}.widget-base{background-color:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:20px;color:#fff;height:100%;display:flex;flex-direction:column}.aspect-ratio-1-1{aspect-ratio:1 / 1}.aspect-ratio-2-1{transition:aspect-ratio .6s cubic-bezier(.5,1.25,1,1)}.grid-col-span-2{grid-column:span 2}@media (max-width: 900px){.widget-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.aspect-ratio-2-1{aspect-ratio:1 / 1}.grid-col-span-2{grid-column:span 1}}@media (max-width: 600px){.dashboard-container{padding:2rem 1rem}.widget-grid{grid-template-columns:1fr;max-width:380px}.aspect-ratio-1-1,.aspect-ratio-2-1{aspect-ratio:1 / 1;transition:none}}.profile-widget{justify-content:center;align-items:center;gap:20px;text-align:center}.profile-initials{width:80px;height:80px;border-radius:50%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:500;flex-shrink:0}.profile-info{line-height:1.4}.profile-name{margin:0;font-size:24px;font-weight:600}.profile-email,.profile-plan{margin:2px 0 0;font-size:14px;opacity:.8}.resume-widget-container{width:100%;height:100%;perspective:1000px;cursor:pointer}.resume-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.3s cubic-bezier(.19,1,.22,1)}.resume-widget-container:hover .resume-card{transform:rotateX(5deg) rotateY(5deg)}.resume-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;overflow:hidden;top:0;left:0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transform:translateZ(0)}.resume-front{display:block}.resume-back{background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);transform:rotateY(180deg);display:flex;flex-direction:column}.resume-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center;background-color:#0009;opacity:0;pointer-events:none;transition:opacity .3s ease}.resume-overlay.is-open{opacity:1;pointer-events:auto}.resume-expanded-card{position:fixed;background-color:transparent;border-radius:24px;transform-style:preserve-3d;transform-origin:center center;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column}.resume-close-btn{position:absolute;top:0;right:-60px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .4s ease-out forwards}.resume-close-btn:hover{background:#0000004d}.resume-pdf-frame{width:100%;height:100%;border:none}.resume-title{margin-top:0;margin-bottom:15px;font-size:1.2rem;font-weight:600}.resume-summary-list{list-style:none;padding:0;margin:0;flex-grow:1}.resume-summary-item{margin-bottom:10px;font-size:.95rem;line-height:1.4;opacity:.9}.resume-summary-item:last-child{margin-bottom:0}.resume-click-hint{position:absolute;bottom:20px;right:20px;margin:0;font-size:.85rem;opacity:.7;font-style:italic}.apps-widget{padding:10px}.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;height:100%;align-items:center;justify-items:center;padding:12px;box-sizing:border-box}.app-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#fff;font-size:12px;font-weight:500;transition:transform .2s ease;width:100%;height:100%}.app-icon:hover{transform:scale(1.1)}.app-icon img{width:auto;height:48px;border-radius:0;object-fit:contain}.projects-widget-container{width:100%;height:100%;perspective:1000px}.projects-list-title{margin:0 0 15px;font-size:1.2rem;font-weight:600;flex-shrink:0;color:#fff}.projects-list-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0px;flex-grow:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.projects-list-items::-webkit-scrollbar{display:none}.projects-list-item{color:#ffffffb3;text-decoration:none;font-size:15px;transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity 0s;will-change:transform;display:block;padding:6px 10px;margin:0 -10px;cursor:pointer;background:transparent;border-radius:24px;width:calc(100% + 20px);box-sizing:border-box}.projects-list-item:hover{transform:translate(6px)}.projects-list-item.is-hidden{opacity:0;pointer-events:none}.projects-item-title{color:#fff;text-decoration:none;font-size:15px;font-weight:600;display:block}.projects-item-desc{font-size:.9rem;margin-top:4px;display:block;line-height:1.4}.projects-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;opacity:0;transition:opacity .3s ease;z-index:1000;pointer-events:none;display:flex;justify-content:center;align-items:center}.projects-overlay.is-open{opacity:1;pointer-events:auto}.projects-expanded-card{position:fixed;background:transparent;border-radius:24px;box-shadow:0 20px 50px #00000080;overflow:visible;transform-style:preserve-3d;display:flex;flex-direction:column;transition:box-shadow .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.projects-close-btn{position:absolute;top:0;right:-60px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .4s ease-out forwards}.projects-close-btn:hover{background:#0000004d}.projects-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;overflow:hidden;top:0;left:0;transform:translateZ(0)}.projects-front{z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:6px 10px;background:transparent;border:none;color:#ffffffb3}.projects-front .projects-item-title{font-size:15px;font-weight:600;white-space:nowrap}.projects-back{transform:rotateY(180deg);background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:10px solid rgba(255,255,255,.2);z-index:1;display:flex;flex-direction:column}.project-pdf-frame{width:100%;height:100%;border:none}
