@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600&family=Roboto+Slab:wght@500&display=swap";:root{scroll-behavior:smooth;--bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #111633 40%, #0d1a2d 70%, #0a0e1a 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: 12px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, .4);--glass-radius: 12px;--glass-transition: all .3s ease;--browser-chrome-bg: #1e1e1e;--browser-toolbar-bg: #2d2d2d;--browser-url-bg: rgba(255, 255, 255, .08);--browser-url-color: rgba(255, 255, 255, .5);--accent: #599cff;--accent-glow: 0 0 8px rgba(89, 156, 255, .4);--accent-glow-strong: 0 0 16px rgba(89, 156, 255, .6);--orb-1: rgba(89, 156, 255, .15);--orb-2: rgba(124, 107, 255, .12);--orb-3: rgba(59, 200, 200, .1)}[data-theme=light]{--bg-gradient: linear-gradient(135deg, #e8edf5 0%, #dde4f0 40%, #e0e8f4 70%, #edf1f7 100%);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .6);--glass-border-hover: rgba(255, 255, 255, .8);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, .12);--browser-chrome-bg: #e8e8e8;--browser-toolbar-bg: #f0f0f0;--browser-url-bg: rgba(0, 0, 0, .06);--browser-url-color: rgba(0, 0, 0, .5);--accent: #3b7ddb;--accent-glow: 0 0 8px rgba(59, 125, 219, .3);--accent-glow-strong: 0 0 16px rgba(59, 125, 219, .5);--orb-1: rgba(89, 156, 255, .2);--orb-2: rgba(124, 107, 255, .15);--orb-3: rgba(59, 200, 200, .12)}html,body{font-family:Inter,sans-serif}body{display:flex;flex-direction:column}#root{width:100%;height:100%;display:flex;flex-direction:column;min-height:100vh}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:var(--glass-transition)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-wrapper{max-width:1100px;margin:8px 14px 10px;flex:1;position:relative;z-index:1;width:calc(100% - 28px)}@media screen and (min-width: 480px){.app-wrapper{margin:12px 20px 10px;width:calc(100% - 40px)}}@media screen and (min-width: 650px){.app-wrapper{margin:50px 35px 10px;width:auto}}.orb{width:180px;height:180px}@media screen and (min-width: 480px){.orb{width:250px;height:250px}}@media screen and (min-width: 768px){.orb-1{width:400px;height:400px}.orb-2{width:350px;height:350px}.orb-3{width:300px;height:300px}}.anchor-links-container{display:flex;gap:2px;font-weight:600;font-size:11px;flex-grow:1}.anchor-links-container>a{text-decoration:none;padding:5px 6px;border-radius:6px;transition:background .25s ease,text-shadow .25s ease}.anchor-links-container>a:hover{background:var(--glass-bg-hover);text-shadow:var(--accent-glow)}@media screen and (min-width: 380px){.anchor-links-container{font-size:13px;gap:4px}.anchor-links-container>a{padding:6px 10px;border-radius:8px}}@media screen and (min-width: 650px){.anchor-links-container{font-size:16px;gap:8px}.anchor-links-container>a{padding:8px 16px;border-radius:10px}}.theme-toggle{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .25s ease;flex-shrink:0}.theme-toggle:hover{background:var(--glass-bg-hover)}.theme-toggle svg{width:24px;height:24px}.theme-toggle .sun-body{transform-origin:center}.theme-toggle .sun-rays line{stroke:var(--accent);stroke-width:2;stroke-linecap:round;transform-origin:center;transition:opacity .3s ease,transform .4s ease}.theme-toggle .moon-mask{transition:transform .5s ease;transform:translate(10px)}.sun-body{fill:var(--accent)}[data-theme=light] .theme-toggle .sun-rays line{opacity:0;transform:scale(0)}[data-theme=light] .theme-toggle .moon-mask{transform:translate(0)}.name{animation-name:slideName;animation-duration:1s}.web-developer{animation-name:slideWebDev;animation-duration:1.5s}.web-img-container{width:25px;height:25px;animation-name:spin,fadeIn;animation-duration:5s,2s;animation-iteration-count:infinite,1;animation-timing-function:linear;filter:drop-shadow(0 0 6px rgba(89,156,255,.4))}.web-img-container>img{height:100%;width:100%;opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes slideWebDev{0%{transform:translate(300%)}to{transform:translate(0)}}@keyframes slideName{0%{transform:translate(-200%)}to{transform:translate(0)}}@media screen and (min-width: 600px){.web-img-container{width:35px;height:35px}}@media (prefers-reduced-motion: reduce){.name,.web-developer,.web-img-container{animation:none}}.carousel-container{height:100px;width:100%;overflow:hidden;position:relative;background:var(--glass-bg);border-radius:var(--glass-radius);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 0}.item{display:flex;flex-direction:column;gap:5%;align-items:center}.item>p{font-size:9px;font-weight:600;margin:0}.item>img{width:75%}.carousel{display:flex;position:absolute;height:100%;gap:8px}.carousel-img-container{width:50px}.carousel-img-container>img{width:100%}@media screen and (min-width: 480px){.carousel-container{height:115px;padding:12px 0}.carousel-img-container{width:60px}.item>p{font-size:10px}.carousel{gap:10px}}@media screen and (min-width: 650px){.carousel-container{height:150px}.carousel-img-container{width:85px}.item>p{font-size:14px}}