@import"https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600&family=SF+Pro+Text:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: rgba(0, 0, 0, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--accent: #3c106e;--close: #ff5f57;--minimize: #febc2e;--maximize: #28c840;--dock-bg: rgba(255, 255, 255, .2)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow:hidden}.os-container{width:100vw;height:100vh;position:relative;background:radial-gradient(ellipse at 20% 80%,rgba(138,43,226,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,100,200,.3) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(75,0,130,.2) 0%,transparent 60%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.05) 0%,transparent 20%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.03) 0%,transparent 15%),linear-gradient(180deg,#0a0a1a,#1a1a3a,#0d0d2a);background-attachment:fixed}.os-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 250px 180px,white,transparent),radial-gradient(1px 1px at 300px 90px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 350px 140px,white,transparent),radial-gradient(1px 1px at 400px 60px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 450px 170px,white,transparent),radial-gradient(1px 1px at 500px 100px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:550px 200px;pointer-events:none;opacity:.6}.desktop{width:100%;height:calc(100vh - 90px);position:relative;z-index:1}.desktop-greeting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-primary);pointer-events:none;opacity:.7}.desktop-greeting h1{font-size:4rem;font-weight:300;letter-spacing:-2px;margin-bottom:.5rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}.desktop-greeting p{font-size:1.2rem;font-weight:400;opacity:.8}.window{position:absolute;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px var(--glass-shadow),0 0 1px #ffffff80,inset 0 1px #fff3;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:var(--glass-bg);border:1px solid var(--glass-border);min-width:300px;min-height:200px}.window-glass-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#fff0);pointer-events:none;border-radius:12px}.window-header{display:flex;align-items:center;padding:12px 16px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;-webkit-user-select:none;user-select:none}.window-header:active{cursor:grabbing}.window-controls{display:flex;gap:8px;z-index:10}.window-controls .control{width:14px;height:14px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all .15s ease}.window-controls .control span{opacity:0;transition:opacity .15s ease;line-height:1;font-weight:700}.window-controls:hover .control span{opacity:1;color:#0009}.control.close{background:var(--close)}.control.minimize{background:var(--minimize)}.control.maximize{background:var(--maximize)}.control:hover{filter:brightness(1.1)}.window-title{flex:1;text-align:center;color:var(--text-primary);font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.window-icon{font-size:16px}.window-header-spacer{width:62px}.window-body{flex:1;overflow-y:auto;overflow-x:hidden;color:var(--text-primary);min-height:0}.window-body::-webkit-scrollbar{width:8px}.window-body::-webkit-scrollbar-track{background:#ffffff0d}.window-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.window-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.window-resize-handle{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.2) 50%);border-radius:0 0 12px}.window-content{padding:20px}.window-text{margin-bottom:14px;margin-top:14px}.about-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.avatar-placeholder{width:190px;height:190px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden}.avatar-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.about-intro h2{font-size:1.5rem;font-weight:600;margin-bottom:4px}.about-intro .subtitle{opacity:.7;font-size:.9rem}.accordion-item{margin-bottom:12px}.accordion-header{width:100%;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s ease;text-align:left}.accordion-header:hover{background:#ffffff1f}.accordion-icon{font-size:.7rem;opacity:.6}.accordion-content.open{grid-template-rows:1fr}.accordion-content>div{overflow:hidden}.accordion-content{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.accordion-inner{padding:4px 16px;margin-top:10px}.accordion-content p{margin-bottom:12px;opacity:.9;line-height:1.5}.accordion-content ul{padding-left:20px;opacity:.9}.accordion-content li{margin-bottom:12px}.links-content h3{margin-bottom:16px;font-weight:500}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.link-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.link-item:hover{background:#ffffff26;transform:translateY(-2px)}.link-icon{font-size:1.8rem}.links-note{text-align:center;opacity:.5;font-size:.8rem}.blog-content{text-align:center}.blog-content p{margin-bottom:16px;opacity:.9;line-height:1.5}.blog-graphic{font-size:4rem;margin-bottom:16px}.blog-content h3{font-size:1.5rem;margin-bottom:12px}.blog-note{opacity:.6;font-size:.85rem}.posts-list{display:flex;flex-direction:column;gap:12px}.post-card{display:flex;gap:12px;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:background .2s ease}.post-card:hover{background:#ffffff26}.post-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px}.post-info h4{margin-bottom:4px}.post-date{font-size:.8rem;opacity:.6}.post-content .post-image{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-bottom:16px}.post-content h2{margin-bottom:8px}.post-body p{margin-bottom:12px;line-height:1.6;opacity:.9}a{color:#7fb5a7;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}a:after{opacity:0;transform:translate(-4px);display:inline-block;transition:all .2s ease}a:hover:after{opacity:1;transform:translate(0)}a:hover{border-bottom-color:#60a5fa;text-shadow:0 0 12px rgba(96,165,250,.5)}.inline-link{color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.inline-link:hover{text-decoration-style:solid}.work-intro{margin-bottom:20px;opacity:.9}.tools-section h4,.projects-section h4{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:12px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag{padding:6px 12px;background:#ffffff1a;border-radius:20px;font-size:.85rem}.tag-link{text-decoration:none;color:var(--text-primary);background:#ffffff14;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s ease}.tag-link:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.project-card{padding:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:12px}.project-card h5{font-size:1rem;margin-bottom:8px;opacity:.8}.project-card p{opacity:.8;font-size:.9rem;line-height:1.5}.project-card.clickable{cursor:pointer;transition:all .2s ease}.project-card.clickable:hover{background:#ffffff1f;transform:translate(4px)}.read-more{display:inline-block;margin-top:8px;font-size:.85rem;color:var(--accent);opacity:.8}.project-card.clickable:hover .read-more{opacity:1}.faqs-content h3{margin-bottom:16px;font-weight:500}.dock-container{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:9999;padding:8px}.dock{display:flex;gap:4px;padding:8px 12px;background:var(--dock-bg);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #0000004d,inset 0 1px #fff3}.dock-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;position:relative}.dock-item:hover{background:#ffffff26;transform:translateY(-4px) scale(1.1)}.dock-item.active{background:#ffffff1a}.dock-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dock-label{font-size:.7rem;font-weight:500;opacity:.9}.dock-indicator{position:absolute;bottom:2px;width:4px;height:4px;background:#fff;border-radius:50%}@media (max-width: 768px){.dock-label{display:none}.dock-item{padding:10px}.desktop-greeting h1{font-size:2.5rem}.window{width:95vw!important;left:2.5vw!important}}