:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}.bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.6}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.header{padding:25px 30px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.logo-icon{width:24px;height:24px}.header-links{display:flex;gap:15px;align-items:center}.header-links a{color:#fff;display:flex;align-items:center;transition:opacity .2s}.header-links a:hover{opacity:.7}.header-links svg{width:22px;height:22px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 30px 16px;flex:1;justify-content:flex-end}.headline{font-size:36px;font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.5px}.subheadline{margin-top:10px;font-size:16px;color:#ffffff80;max-width:440px;line-height:1.4}.projects{padding:16px 30px 0;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:flex-start}.section-title{font-size:14px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px}.projects-grid{display:grid;grid-template-columns:repeat(2,280px);gap:16px}.project-tile-wrapper{position:relative;border-radius:12px;transition:transform .2s}.project-tile-glow{position:absolute;inset:-1px;border-radius:13px;overflow:hidden;pointer-events:none;z-index:0}.project-tile-glow:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;transform:translate(-50%,-50%);background:conic-gradient(transparent,transparent 30%,rgba(167,139,250,.25) 50%,transparent 70%,transparent);animation:rotate-border 3s linear infinite}.project-tile{position:relative;border-radius:12px;overflow:hidden;text-decoration:none;display:block;z-index:1}@keyframes rotate-border{to{transform:translate(-50%,-50%) rotate(360deg)}}.project-tile-wrapper:hover{transform:translateY(-4px)}.project-tile-wrapper:hover .project-tile-glow{background:conic-gradient(transparent,transparent 20%,rgba(167,139,250,.45) 50%,transparent 80%,transparent)}.project-inner{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(#ffffff0d,#ffffff0d),#000000d9}.project-logo{width:68px;height:68px;object-fit:contain;flex-shrink:0}.project-logo.rounded{border-radius:12px}.project-info{display:flex;flex-direction:column;justify-content:center}.project-title{color:#fff;font-size:15px;font-weight:600;margin-bottom:2px}.project-description{color:#ffffffb3;font-size:12px;line-height:1.4}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:inline}}.footer{padding:30px;text-align:center;color:#ffffff4d;font-size:13px}@media(max-width:768px){.header{padding:20px 15px}.logo{font-size:18px}.header-links svg{width:18px;height:18px}.hero{padding:40px 20px 20px}.headline{font-size:26px}.subheadline{font-size:14px;margin-top:8px;max-width:280px}.projects{padding:20px 20px 60px}.projects-grid{grid-template-columns:1fr;gap:12px;width:100%;max-width:400px}.project-tile-glow:before{width:500%;height:500%}.project-tile:hover{transform:none}.project-image{height:120px}.project-info{padding:10px}.project-title{font-size:16px;margin-bottom:4px}.project-description{font-size:12px;line-height:1.4}.project-inner{gap:10px}.project-logo{width:60px;height:60px}}