.experience-bg{background:#000;border-radius:8px;padding:24px 18px;margin:32px 0;color:var(--text-color);box-shadow:0 2px 12px #0000002e}.project-image{width:100%;max-width:220px;max-height:120px;object-fit:cover;border-radius:8px;margin:0 auto 12px;display:block;background:#222}.github-btn{background:var(--link-color);color:var(--bg-color);border:none;padding:10px 20px;border-radius:6px;font-family:Oxanium,monospace;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.github-btn:hover{background:var(--link-hover);color:var(--bg-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:16px 0 24px}.projects-row{display:flex;flex-direction:row;gap:24px;justify-content:center;margin-bottom:24px}.project-card{min-width:260px;max-width:320px;min-height:180px;border:1px solid var(--border-color);padding:24px 18px 18px;background:#ffffff03;border-radius:8px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s;flex-shrink:0;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.project-card:hover{box-shadow:0 4px 16px #0000001a;border-color:var(--link-color)}.github-btn-bottom{display:block;margin:18px auto 0;padding:6px 18px;font-size:.95rem}:root{--bg-color: #0a0e1a;--text-color: #fdfdfd;--link-color: #B9CBA1;--link-hover: #e8f8d2;--border-color: #f1e6d2}@font-face{font-family:Cornella;src:url(/portfolio-site/font/cornella-Regular.otf) format("opentype")}@font-face{font-family:Champagne Limousine;src:url(/font/Champagne-Limousine.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cornella,monospace;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding:20px;min-height:100vh}a{color:var(--link-color);text-decoration:none;transition:color .2s}a:hover{color:var(--link-hover);text-decoration:underline}.container{max-width:900px;margin:0 auto}.header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.header h1{font-family:Cornella,sans-serif;font-size:2rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.nav{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.nav span{color:var(--text-color);opacity:.5}.intro{margin-bottom:40px;padding:20px;border:1px solid var(--border-color);border-radius:8px;text-align:center}.section{margin-bottom:50px}.section h2{font-size:1.5rem;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.view-all{font-size:.875rem;font-weight:400}.view-all-glow{font-weight:700;text-shadow:0 0 15px var(--link-color),0 0 25px var(--link-color),0 0 35px var(--link-color),0 0 45px var(--link-color);transition:text-shadow .3s ease;letter-spacing:.5px}.view-all-glow:hover{text-shadow:0 0 20px var(--link-hover),0 0 35px var(--link-hover),0 0 50px var(--link-hover),0 0 70px var(--link-hover)}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px;padding:20px;border:1px solid var(--border-color);border-radius:8px;min-height:200px;position:relative}.catalogue-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;text-align:center}.featured-section{margin-bottom:30px;padding:20px;border:2px solid var(--border-color);border-radius:8px;position:relative}.featured-label{position:absolute;top:10px;right:10px;background:transparent;color:var(--link-color);padding:5px 10px;font-weight:700;font-size:.75rem}.registry-list{list-style:none}.registry-item{padding:15px;margin-bottom:10px;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.registry-item:hover{background-color:#00ff000d}.registry-content{flex:1}.registry-date{font-size:.875rem;margin-bottom:5px;opacity:.7}.registry-title{font-size:1rem}.registry-badge{background:var(--text-color);color:var(--bg-color);padding:3px 8px;font-size:.75rem;font-weight:700;margin-left:10px}.registry-time{font-size:.75rem;opacity:.5;white-space:nowrap;margin-left:15px}.footer{margin-top:60px;padding-top:30px;border-top:1px solid var(--border-color);text-align:center}.footer-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.badge{width:88px;height:31px;background:var(--border-color);border:1px solid var(--text-color);border-radius:8px;display:inline-block}.footer-nav{margin:20px 0}.footer-nav span{opacity:.5;margin:0 5px}.copyright{opacity:.7;font-size:.875rem}.about{margin-bottom:40px}.about-content{padding:40px;border:1px solid var(--border-color);border-radius:8px;animation:fadeIn .5s ease-in}.about-content h2{font-size:2rem;margin-bottom:20px;font-family:Salon du Chocolat,sans-serif}.about-content h3{font-size:1.25rem;margin-top:30px;margin-bottom:15px;color:var(--link-color)}.about-content p{margin-bottom:20px;line-height:1.8;opacity:.95}.about-content ul{list-style:none;margin-bottom:20px}.about-content li{padding:10px 0 10px 20px;position:relative}.about-content li:before{content:"→";position:absolute;left:0;color:var(--link-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header h1{font-size:1.5rem}.section h2{font-size:1.25rem;flex-direction:column;align-items:flex-start;gap:10px}.catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.registry-item{flex-direction:column;align-items:flex-start;gap:10px}.registry-time{margin-left:0}.projects-row{flex-direction:column;align-items:center}.project-card{min-width:auto;max-width:100%;width:100%}}.email-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.email-section p{margin-bottom:15px;opacity:.7}.email-link{display:inline-block;font-family:Cornella,monospace;font-size:1.25rem;color:var(--text-color);background:transparent;border:2px solid var(--border-color);padding:15px 30px;text-decoration:none;transition:all .2s ease;cursor:pointer;letter-spacing:1px;border-radius:8px;min-width:320px;max-width:100%;word-break:break-all}.email-link:hover{border-color:var(--link-color);color:var(--link-color);transform:translateY(-2px)}.email-link:active{transform:translateY(0)}