:root{--bg:#08080c;--bg2:#0e0e14;--card:rgba(255,255,255,.045);--card2:#15151e;--text:#f6f5fb;--muted:#9695a3;--accent:#8b5cf6;--blue:#3b82f6;--line:rgba(255,255,255,.1);--green:#55dc9a;--heading:"Space Grotesk",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px}body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% 10%,rgba(139,92,246,.1),transparent 34%),radial-gradient(circle at 10% 65%,rgba(59,130,246,.06),transparent 30%);pointer-events:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.container{width:min(1200px,calc(100% - 64px));margin:auto}.site-header{position:fixed;z-index:20;top:0;width:100%;border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{background:rgba(8,8,12,.8);border-color:var(--line);backdrop-filter:blur(18px)}.navbar{height:82px;display:flex;align-items:center;gap:35px}.logo{font:700 1.25rem var(--heading);letter-spacing:-.05em}.logo span,.section-heading span,h1 span,.role-line span,.cta-banner span{color:var(--accent)}.nav-menu{display:flex;gap:26px;margin-left:auto}.nav-link{position:relative;color:var(--muted);font-size:.77rem}.nav-link:after{content:"";position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--accent);transition:.25s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after,.nav-link:hover:after{width:100%}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border-radius:11px;border:1px solid transparent;font-size:.78rem;font-weight:700;transition:.3s}.button i,.text-button i{transition:transform .3s}.button:hover{transform:translateY(-3px)}.button:hover i,.text-button:hover i{transform:translateX(4px)}.button-gradient{background:linear-gradient(135deg,var(--accent),var(--blue));box-shadow:0 8px 28px rgba(139,92,246,.18)}.button-gradient:hover{box-shadow:0 12px 35px rgba(139,92,246,.4)}.button-outline{border-color:var(--line);background:rgba(255,255,255,.025)}.button-outline:hover{border-color:var(--accent);background:rgba(139,92,246,.1)}.button-small{min-height:40px;padding:9px 16px}.section{padding:130px 0}.section-tinted{background:rgba(255,255,255,.018)}.section-label{margin:0 0 15px;color:var(--accent);font-size:.67rem;font-weight:700;letter-spacing:.18em}.section-heading{margin-bottom:65px}.section-heading.centered{text-align:center}.section-heading h2,.heading-row h2{margin:0;font:600 clamp(2.25rem,5vw,4rem)/1.08 var(--heading);letter-spacing:-.07em}.heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.text-button{color:var(--muted);font-size:.78rem;font-weight:700}.heading-note{color:var(--muted);font-size:.8rem}main{display:flex;flex-direction:column}main>*{order:99}.hero{order:1}.stats-band{order:2}.section#about{order:2}.section#journey{order:3}.section#socials{order:4}.section#posts{order:5}.section#gallery{order:6}.section#projects{order:7}.section#skills{order:8}.testimonials{order:9}.section#contact{order:10}.cta-banner{order:11}.hero{min-height:850px;position:relative;padding-top:82px;overflow:hidden}.hero-inner{min-height:768px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.glow-one{width:460px;height:460px;right:-170px;top:80px;background:rgba(139,92,246,.16)}.glow-two{width:270px;height:270px;left:-130px;bottom:100px;background:rgba(59,130,246,.1)}.availability{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid rgba(85,220,154,.25);border-radius:50px;color:#9be6bf;font-size:.68rem;margin-bottom:34px}.availability span,.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1{margin:0 0 22px;font:600 clamp(3.5rem,7vw,6.7rem)/.95 var(--heading);letter-spacing:-.09em}h1 strong{font-weight:600;background:linear-gradient(110deg,#fff 15%,#c084fc 60%,#60a5fa);-webkit-background-clip:text;color:transparent}.role-line{margin:0 0 18px;font:500 clamp(1.25rem,2vw,1.65rem) var(--heading);color:var(--muted)}.role-line b{color:var(--accent);animation:blink 1s infinite}.hero-text{max-width:470px;color:var(--muted);font-size:1rem}.button-row{display:flex;gap:14px;margin-top:30px}.social-row{display:flex;gap:20px;margin-top:38px}.social-row a,.footer-social a{position:relative;color:var(--muted);font-size:1.15rem;transition:.3s}.social-row a:hover,.footer-social a:hover{color:#c084fc;transform:translateY(-3px);text-shadow:0 0 18px var(--accent)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:5px;background:var(--card2);color:var(--text);font-size:.6rem;white-space:nowrap}.hero-profile{height:570px;display:grid;place-items:center;position:relative}.profile-image{position:relative;z-index:2;width:min(380px,70vw);aspect-ratio:1;border-radius:50%;padding:9px;background:linear-gradient(135deg,var(--accent),var(--blue));box-shadow:0 0 90px rgba(139,92,246,.28);animation:float 6s ease-in-out infinite}.profile-image img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;filter:saturate(.85)}.profile-rings{position:absolute;width:520px;height:520px;border:1px solid rgba(139,92,246,.4);border-radius:50%;transform:rotate(-26deg)}.ring-b{inset:40px -30px;border-color:rgba(96,165,250,.3);transform:rotate(60deg)}.float-badge{position:absolute;z-index:3;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:rgba(21,21,30,.86);backdrop-filter:blur(12px);font-size:.7rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}.float-badge i{color:#c084fc;margin-right:5px}.badge-dev{top:21%;left:5%;animation:float 5s 1s ease-in-out infinite}.badge-create{right:3%;top:34%;animation:float 5s 2s ease-in-out infinite}.badge-coffee{bottom:18%;left:10%;animation:float 5s .5s ease-in-out infinite}.scroll-down{position:absolute;bottom:27px;left:50%;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.15em;transform:translateX(-50%)}.scroll-down i{color:var(--accent)}.mouse{width:18px;height:27px;border:1px solid var(--muted);border-radius:10px;display:grid;justify-content:center;padding-top:5px}.mouse i{width:3px;height:6px;border-radius:3px;background:var(--accent);animation:scroll 1.6s infinite}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.about-card{min-height:470px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(139,92,246,.15),rgba(255,255,255,.025));position:relative;overflow:hidden}.about-card:after{content:"";position:absolute;width:280px;height:280px;right:-100px;bottom:-100px;border-radius:50%;border:1px solid rgba(192,132,252,.25)}.about-card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.about-card-top i{color:var(--accent)}.mini-avatar{width:160px;height:160px;display:grid;place-items:center;margin:35px auto 30px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--blue));font-size:2.3rem;overflow:hidden}.mini-avatar img{display:block;width:100%;height:100%;object-fit:cover}.about-card h3{margin:0;font:600 2rem/1.15 var(--heading);letter-spacing:-.06em}.about-card h3 span{color:#c084fc}.about-card p{color:var(--muted);font-size:.82rem}.signature{position:absolute;right:30px;bottom:25px;color:rgba(255,255,255,.12);font:700 4rem var(--heading)}.about-copy>p{color:var(--muted);font-size:.96rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0}.info-grid div{padding-bottom:13px;border-bottom:1px solid var(--line)}small,.info-grid small,.interests>small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:4px}.info-grid b{font-size:.83rem}.status{display:flex;align-items:center;gap:8px}.interests{margin-bottom:28px}.interests>div{display:flex;flex-wrap:wrap;gap:8px}.interests span,.tech-tags span{padding:5px 10px;border:1px solid var(--line);border-radius:50px;color:var(--muted);font-size:.67rem}.stats-band{padding:45px 0;background:linear-gradient(90deg,rgba(139,92,246,.12),rgba(59,130,246,.07));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid div{border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats-grid strong{display:block;font:600 2.2rem var(--heading);color:#c084fc}.stats-grid span{color:var(--muted);font-size:.72rem}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--card);transition:.35s;position:relative}.social-card:hover{transform:translateY(-7px);border-color:var(--social);box-shadow:0 16px 45px var(--shadow)}.social-card>i{font-size:1.4rem;color:var(--social);margin-bottom:20px}.social-card h3{margin:0;font:600 1.25rem var(--heading)}.social-card p{margin:0;color:var(--social);font-size:.75rem}.social-card small{min-height:45px;margin:17px 0;color:var(--muted)}.social-card div{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.68rem}.social-card div b{color:var(--text)}.social-card div a{margin-left:auto;color:var(--muted)}.instagram{--social:#e879a8;--shadow:rgba(232,121,168,.15)}.youtube{--social:#ff6565;--shadow:rgba(255,101,101,.14)}.github{--social:#c084fc;--shadow:rgba(192,132,252,.14)}.linkedin{--social:#60a5fa;--shadow:rgba(96,165,250,.14)}.twitter{--social:#e8e8ed;--shadow:rgba(232,232,237,.1)}.discord{--social:#818cf8;--shadow:rgba(129,140,248,.14)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:.3s}.post-card:hover{transform:translateY(-6px);border-color:rgba(192,132,252,.5)}.post-image{height:220px;position:relative;overflow:hidden}.post-image img,.project-shot img,.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.post-card:hover img,.project-card:hover img,.gallery-item:hover img{transform:scale(1.07)}.post-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.7))}.post-image span{position:absolute;z-index:1;left:16px;bottom:14px;padding:4px 9px;border-radius:5px;background:rgba(139,92,246,.85);font-size:.63rem}.post-body{padding:20px}.post-body>small{letter-spacing:.12em}.post-body h3{margin:10px 0 8px;font:600 1.2rem/1.2 var(--heading)}.post-body p{margin:0 0 20px;color:var(--muted);font-size:.78rem}.post-actions{display:flex;gap:18px;color:var(--muted);font-size:.72rem}.post-actions button{padding:0;background:none;border:0;color:inherit}.like-button.liked,.like-button.liked i{color:#fb7185}.like-button.liked i{animation:heart .4s}.post-actions span:last-child{margin-left:auto}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.55);box-shadow:0 20px 50px rgba(0,0,0,.2)}.project-shot{height:260px;overflow:hidden}.project-info{display:flex;justify-content:space-between;gap:15px;padding:23px}.project-info h3{margin:0 0 7px;font:600 1.35rem var(--heading)}.project-info p{margin:0 0 15px;color:var(--muted);font-size:.78rem}.tech-tags{display:flex;flex-wrap:wrap;gap:6px}.project-links{display:flex;gap:13px}.project-links a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:.8rem}.project-links a:hover{color:#c084fc;border-color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skill-group{padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.skill-group h3{margin:0 0 22px;font:600 1rem var(--heading)}.skill-group h3 i{color:var(--accent);margin-right:8px}.skill-list{display:grid;gap:12px}.skill-list span{color:var(--muted);font-size:.8rem}.skill-list i{width:22px;color:#c084fc}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-item{padding:0;border:0;border-radius:15px;overflow:hidden;position:relative;background:var(--card);aspect-ratio:1}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.78));transition:.3s}.gallery-item span{position:absolute;z-index:1;bottom:17px;left:18px;color:#fff;font-size:.72rem}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:3px;top:12px;bottom:12px;width:1px;background:var(--line)}.timeline-item{display:grid;grid-template-columns:75px 1fr;gap:20px;position:relative;padding:0 0 35px}.timeline-item:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.timeline-item>b{padding-left:25px;color:#c084fc;font:600 1rem var(--heading)}.timeline-item h3{margin:0;font:600 1.1rem var(--heading)}.timeline-item p{margin:5px 0;color:var(--muted);font-size:.8rem}.testimonial-slider{max-width:700px;margin:auto;position:relative}.testimonial-track{min-height:220px}.testimonial{display:none;text-align:center}.testimonial.active{display:block;animation:fade .5s}.quote{color:var(--accent);font-size:1.6rem}.testimonial p{font:500 clamp(1.2rem,2.5vw,1.7rem)/1.45 var(--heading);letter-spacing:-.03em}.testimonial>div{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.testimonial-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue));font-size:.66rem}.testimonial b{font-size:.75rem}.testimonial b small{font-weight:400}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:25px}.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--line)}.slider-dots button.active{width:22px;border-radius:10px;background:var(--accent)}.contact-section{padding-bottom:130px}.heading-sub{margin:20px auto 0;color:var(--muted);font-size:.85rem}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;margin-top:55px}.contact-details{display:grid;align-content:start;gap:12px}.contact-detail{display:flex;align-items:center;gap:18px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:.85rem}.contact-detail>i{color:var(--accent);font-size:1.1rem}.contact-detail small{margin:0}.contact-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:7px;color:var(--muted);font-size:.73rem}.contact-form input,.contact-form textarea{width:100%;resize:vertical;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-message{min-height:22px;margin:0;font-size:.75rem}.form-message.error{color:#fb7185}.form-message.success{color:var(--green)}.cta-banner{padding:65px 0;background:linear-gradient(105deg,rgba(139,92,246,.18),rgba(59,130,246,.12));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{margin:0;font:600 clamp(1.8rem,4vw,3.2rem)/1.1 var(--heading);letter-spacing:-.06em}.button-light{background:#fff;color:#111}.site-footer{padding:60px 0 25px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-bottom:55px;border-bottom:1px solid var(--line)}.footer-top p{color:var(--muted);font-size:.78rem}.footer-nav{display:flex;justify-content:center;gap:20px;align-items:start}.footer-nav a{color:var(--muted);font-size:.75rem}.footer-nav a:hover{color:var(--text)}.footer-social{display:flex;justify-content:end;gap:18px}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;color:var(--muted);font-size:.68rem}.footer-bottom i{color:#fb7185}.back-top{position:fixed;z-index:10;right:25px;bottom:25px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--card2);opacity:0;pointer-events:none;transition:.3s}.back-top.show{opacity:1;pointer-events:auto}.lightbox{position:fixed;z-index:50;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);padding:30px}.lightbox.open{display:flex}.lightbox figure{max-width:min(900px,85vw);max-height:85vh;margin:0;text-align:center}.lightbox img{max-width:100%;max-height:75vh;border-radius:10px}.lightbox figcaption{margin-top:10px;color:var(--muted);font-size:.8rem}.lightbox button{position:absolute;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--card2)}.lightbox-close{right:30px;top:30px}.lightbox-prev{left:30px}.lightbox-next{right:30px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;padding:13px 18px;border:1px solid var(--line);border-radius:10px;background:var(--card2);transform:translateY(100px);opacity:0;transition:.3s;font-size:.78rem}.toast.show{transform:translateY(0);opacity:1}.loader{position:fixed;z-index:100;inset:0;display:grid;place-content:center;background:var(--bg);transition:opacity .6s,visibility .6s}.loader.done{opacity:0;visibility:hidden}.loader-name{font:600 1.4rem var(--heading);text-align:center}.loader-name span{color:var(--accent)}.loader-bar{width:150px;height:2px;margin-top:18px;background:var(--line);overflow:hidden}.loader-bar i{display:block;width:0;height:100%;background:var(--accent);animation:load 1.1s ease forwards}.cursor-dot,.cursor-ring{position:fixed;z-index:90;pointer-events:none;display:none}.cursor-dot{width:5px;height:5px;border-radius:50%;background:#fff}.cursor-ring{width:28px;height:28px;border:1px solid rgba(192,132,252,.7);border-radius:50%;transition:transform .15s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-left{transform:translateX(-25px)}.reveal-right{transform:translateX(25px)}.reveal.visible{opacity:1;transform:none}
@keyframes load{to{width:100%}}@keyframes blink{50%{opacity:0}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes scroll{to{transform:translateY(8px);opacity:0}}@keyframes heart{50%{transform:scale(1.5)}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#4c2b8d;border-radius:8px}
@media (pointer:fine){.cursor-dot,.cursor-ring{display:block}}
@media (max-width:900px){.container{width:min(100% - 40px,720px)}.nav-menu{gap:15px}.nav-cta{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-top:60px}.hero-profile{height:510px}.about-grid,.journey-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.about-card{min-height:390px}.social-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.footer-social{justify-content:start}}
@media (max-width:650px){.container{width:calc(100% - 36px)}.navbar{height:70px}.menu-toggle{display:block;order:2}.logo{margin-right:auto}.nav-menu{position:absolute;top:70px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:12px 20px 18px;background:rgba(8,8,12,.97);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.35s}.nav-menu.open{transform:translateY(0)}.nav-link{padding:9px 0}.hero{min-height:820px;padding-top:70px}.hero-inner{min-height:750px}.hero-copy{padding-top:35px}.availability{margin-bottom:24px}h1{font-size:clamp(3.3rem,16vw,5.2rem)}.hero-profile{height:400px}.profile-image{width:260px}.profile-rings{width:350px;height:350px}.float-badge{font-size:.62rem}.badge-dev{left:0}.badge-create{right:0}.badge-coffee{bottom:7%;left:4%}.button-row{flex-wrap:wrap}.scroll-down{bottom:14px;white-space:nowrap}.section{padding:85px 0}.section-heading{margin-bottom:42px}.section-heading h2,.heading-row h2{font-size:2.5rem}.heading-row{display:block;margin-bottom:35px}.heading-row .text-button{display:inline-block;margin-top:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:25px}.stats-grid div{border:0}.social-grid,.post-grid,.project-grid,.skills-grid{grid-template-columns:1fr}.project-shot{height:220px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.journey-grid{gap:35px}.form-row{grid-template-columns:1fr}.cta-inner{display:block}.cta-inner .button{margin-top:25px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-nav{justify-content:start}.footer-social{justify-content:start}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-close{right:15px;top:15px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
 .hobbies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hobby-card{position:relative;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(139,92,246,.13),rgba(255,255,255,.025));overflow:hidden;transition:transform .3s,border-color .3s}.hobby-card:hover{transform:translateY(-8px);border-color:rgba(139,92,246,.55)}.hobby-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:30px;border-radius:14px;background:rgba(139,92,246,.16);color:#c084fc;font-size:1.35rem}.hobby-card h3{margin:0 0 12px;font:600 1.25rem var(--heading)}.hobby-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.7}.hobby-number{position:absolute;right:24px;bottom:18px;color:rgba(255,255,255,.12);font:700 2.5rem var(--heading)}section#hobbies{order:9}@media(max-width:900px){.hobbies-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hobbies-grid{grid-template-columns:1fr}.hobby-card{min-height:230px}}

 .site-footer{padding:72px 0 24px;background:linear-gradient(180deg,rgba(139,92,246,.07),transparent 65%);border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.25fr;gap:45px;padding-bottom:55px}.footer-intro .logo{display:inline-block;margin-bottom:14px}.footer-intro p,.footer-connect p{max-width:290px;margin:0 0 22px;color:var(--muted);font-size:.82rem}.footer-email{display:inline-flex;align-items:center;gap:9px;color:#c084fc;font-size:.78rem;font-weight:700;transition:color .25s}.footer-email:hover{color:var(--text)}.footer-column small,.footer-connect small{display:block;margin-bottom:17px;color:var(--text);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.footer-nav{display:flex;flex-direction:column;gap:9px}.footer-nav a{width:max-content;color:var(--muted);font-size:.8rem;transition:color .25s,transform .25s}.footer-nav a:hover{color:var(--text);transform:translateX(4px)}.footer-connect{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.footer-connect p{margin-bottom:18px}.footer-social{display:flex;gap:11px}.footer-social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);font-size:.9rem;transition:.25s}.footer-social a:hover{color:var(--text);border-color:var(--accent);background:rgba(139,92,246,.16);transform:translateY(-3px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.footer-bottom i{color:#f472b6}.footer-bottom a{color:var(--muted);transition:color .25s}.footer-bottom a:hover{color:var(--text)}@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-intro{grid-column:1/-1}}@media(max-width:520px){.site-footer{padding-top:55px}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:38px}.footer-intro,.footer-connect{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}}

 .post-body{display:flex;align-items:center;justify-content:center;text-align:center}.post-body h3{margin:0}