/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden}body{color:#fff;font-family:system-ui,Segoe UI,Roboto,sans-serif}.page-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.bg-layer{filter:brightness(.6)saturate(1.2);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.page-wrapper:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#0f172abf 0%,#1e293b8c 50%,#0f172ab3 100%);position:absolute;inset:0}.main-layout{z-index:2;box-sizing:border-box;gap:24px;height:100vh;padding:24px;display:flex;position:relative}.sidebar-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;align-items:center;width:260px;min-width:260px;padding:32px 20px;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.sidebar-card::-webkit-scrollbar{width:4px}.sidebar-card::-webkit-scrollbar-track{background:0 0}.sidebar-card::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.sidebar-card h1{color:#fff}.sidebar-card p{color:#ffffff8c}.avatar{-o-object-fit:cover;object-fit:cover;border:3px solid #22d3ee80;border-radius:50%;width:88px;height:88px;margin-bottom:16px;box-shadow:0 0 20px #22d3ee26}.social-link{background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.social-link:hover{background:#22d3ee26;transform:translateY(-2px);box-shadow:0 4px 12px #22d3ee33}.social-link .social-icon{opacity:.8;transition:opacity .25s}.social-link:hover .social-icon{opacity:1}.nav-buttons{flex-direction:column;gap:10px;width:100%;display:flex}.nav-btn{color:#ffffffb3;cursor:pointer;letter-spacing:.3px;text-align:center;background:0 0;border:none;border-radius:12px;width:100%;padding:11px 0;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:block}.nav-btn:hover{color:#fff;background:#ffffff1a}.nav-btn.active{color:#22d3ee;background:#22d3ee26;font-weight:600}.content-area{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;padding:8px 4px;overflow-y:auto}.content-area::-webkit-scrollbar{width:5px}.content-area::-webkit-scrollbar-track{background:0 0}.content-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.page-section{animation:.35s fadeIn}.page-section.hidden,#home.page-section.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#home.page-section{text-align:right;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%;padding:0 16px 32px 0;display:flex}#home h2{color:#fff;margin-bottom:12px;font-size:3.5rem;font-weight:700}#home p{color:#ffffffbf;max-width:480px;font-size:1.15rem;line-height:1.7}#home .cyan{color:#22d3ee}.page-section>h2{color:#fff;margin-bottom:24px;font-size:1.875rem;font-weight:700}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:28px;overflow:hidden;box-shadow:0 4px 24px #00000040}.glass-card h2,.glass-card h3{color:#fff}.glass-card p{color:#fffc;line-height:1.65}.glass-card .section-title{color:#22d3ee;margin-bottom:8px;font-size:1.1rem;font-weight:600}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.project-grid .glass-card{flex-direction:column;gap:16px;padding:28px;transition:transform .3s,box-shadow .3s;display:flex}.project-grid .glass-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #22d3ee1f}.project-grid .glass-card h3{color:#fff;font-size:1.25rem;font-weight:600}.project-grid .glass-card p{color:#ffffffb3;flex:1;font-size:.875rem}.tech-tag{color:#22d3ee;background:#22d3ee1f;border:1px solid #22d3ee33;border-radius:9999px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.sidebar-copyright{color:#fff3;text-align:center;letter-spacing:.2px;margin-top:auto;padding-top:16px;font-size:11px}.sidebar-divider{border:none;border-top:1px solid #ffffff1f;width:60%;margin:0 0 18px}.pill-btn{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:9999px;justify-content:center;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.pill-btn:hover{color:#67e8f9;background:#22d3ee33;border-color:#22d3ee66;box-shadow:0 0 12px #22d3ee26}.project-icon{font-size:28px;line-height:1}a.card-link{cursor:pointer;text-decoration:none}a.card-link h3{color:#22d3ee}a.card-link:hover{border-color:#22d3ee4d;transform:translateY(-4px);box-shadow:0 8px 32px #22d3ee26}.friend-avatar{color:#22d3ee;background:#22d3ee26;border:2px solid #22d3ee4d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex;overflow:hidden}.friend-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.contact-link{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .25s;display:inline-flex}.contact-link:hover{color:#fff;background:#22d3ee1f;border-color:#22d3ee40}@media (width<=768px){.main-layout{flex-direction:column;gap:10px;padding:10px}.sidebar-card{width:100%;min-width:unset;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;max-width:100%;padding:14px 12px;overflow:auto hidden}.sidebar-card::-webkit-scrollbar{display:none}.sidebar-card .avatar{width:44px;height:44px;margin-bottom:0}.sidebar-card h1{margin:0;font-size:1.1rem}.sidebar-card>p{font-size:.75rem;margin-bottom:0!important}.sidebar-card>div{gap:12px;margin-bottom:4px}.sidebar-divider{width:50%;margin:4px 0 6px}.nav-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:6px;width:100%;padding-bottom:2px;overflow-x:auto}.nav-buttons::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;flex-shrink:0;width:auto;padding:7px 16px;font-size:13px}.sidebar-copyright{display:none}.content-area{border-radius:0;padding:4px 0}#home.page-section{text-align:left;align-items:flex-start;height:auto;padding:12px}#home h2{font-size:2rem}#home p{max-width:100%;font-size:.95rem}.project-grid{grid-template-columns:1fr}.glass-card{padding:20px}}