*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;color:var(--color-text);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="%234F46E5" opacity="0.5"/><circle cx="12" cy="12" r="3" fill="%234F46E5"/></svg>') 12 12,auto;font-family:EB Garamond,serif;font-family:var(--font-family,"EB Garamond",serif);margin:0;min-height:100vh;transition:background .3s ease,color .3s ease;transition:background var(--animation-speed,.3s) ease,color var(--animation-speed,.3s) ease}.cursor-pointer,[role=button],a,button,input[type=button],input[type=submit]{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="12" fill="%234F46E5" opacity="0.3"/><circle cx="16" cy="16" r="5" fill="%234F46E5"/></svg>') 16 16,pointer}[data-theme=dark] body{background:#0000}.App{min-height:100vh}img.image-zoom-target{opacity:0;transform:scale(1.2);transition:transform .8s ease-out,opacity .8s ease-out;will-change:transform,opacity}img.image-zoom-target.zoom-in{opacity:1;transform:scale(1)}.cert-frame__image,.cert-modal__image,.certificate-modal__image,.hex-card__image,img:not(.image-zoom-target){opacity:1;transform:none}.toast{border-radius:12px;bottom:20px;box-shadow:0 4px 16px #00000040;cursor:pointer;filter:grayscale(.8);left:50%;max-width:400px;min-width:320px;opacity:0;padding:14px 18px;position:fixed;transform:translateX(-50%) translateY(150%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9999}.toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}.toast--success{background:linear-gradient(135deg,#3c3c3cf2,#323232f2);border:1px solid #6464644d;color:#fffffff2}.toast--error{background:linear-gradient(135deg,#464646f2,#3c3c3cf2);border:1px solid #7878784d;color:#fffffff2}.toast--warning{background:linear-gradient(135deg,#414141f2,#373737f2);border:1px solid #6e6e6e4d;color:#fffffff2}.toast--info{background:linear-gradient(135deg,#373737f2,#2d2d2df2);border:1px solid #5a5a5a4d;color:#fffffff2}.toast__content{align-items:center;display:flex;gap:12px}.toast__icon{flex-shrink:0;font-size:16px;font-weight:700;opacity:.9}.toast__message{flex:1 1;font-size:14px;font-weight:400;line-height:1.5}.toast__close{background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;flex-shrink:0;font-size:18px;opacity:.6;padding:4px;transition:opacity .2s ease}.toast__close:hover{background:#ffffff1a;opacity:1}.toast__progress{background:#ffffff26;border-radius:0 0 12px 12px;bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.toast__progress-bar{background:#ffffff80;height:100%;transition:width .1s linear}.toast:hover{box-shadow:0 6px 20px #0000004d;transform:translateX(-50%) translateY(-4px)}@media(max-width:768px){.toast{left:16px;max-width:calc(100vw - 32px);min-width:280px;right:16px;transform:translateY(150%)}.toast--visible{transform:translateY(0)}.toast:hover{transform:translateY(-4px)}}.custom-panel{background:linear-gradient(180deg,color-mix(in srgb,#f8f9fa 70%,#fff),#fff);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 70%,var(--color-bg)) 0,var(--color-bg) 100%);border-bottom:1px solid color-mix(in srgb,#e5e7eb 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--color-border) 80%,#0000);border-top:1px solid color-mix(in srgb,#e5e7eb 80%,#0000);border-top:1px solid color-mix(in srgb,var(--color-border) 80%,#0000);padding:3rem 1rem;padding:calc(3rem*var(--custom-density-scale, 1)) 1rem;position:relative}.custom-panel__container{margin:0 auto;max-width:min(1200px,100%);max-width:min(var(--custom-content-width,1200px),100%)}.custom-panel__trigger{align-items:center;background:color-mix(in srgb,#fff 88%,#f8f9fa);background:color-mix(in srgb,var(--color-bg) 88%,var(--color-surface));border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 12px 34px #0000001a;box-shadow:var(--custom-elevation,0 14px 36px var(--color-shadow));color:#1a1a1a;color:var(--color-text);display:flex;gap:1rem;justify-content:space-between;min-height:96px;padding:1.5rem;text-align:left;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;transition:transform var(--animation-speed,.3s) ease,border-color var(--animation-speed,.3s) ease,box-shadow var(--animation-speed,.3s) ease,background var(--animation-speed,.3s) ease;width:100%}.custom-panel__trigger:hover{border-color:color-mix(in srgb,#7e0505 55%,#e5e7eb);border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));box-shadow:0 18px 48px #0000001a;box-shadow:var(--custom-hover-elevation,0 18px 48px var(--color-shadow));transform:translateY(-2px)}.custom-panel__trigger:focus-visible{outline:3px solid color-mix(in srgb,#7e0505 28%,#0000);outline:3px solid color-mix(in srgb,var(--color-primary) 28%,#0000);outline-offset:3px}.custom-panel__trigger.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:color-mix(in srgb,#7e0505 60%,#e5e7eb);border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border))}.custom-panel__trigger-aside,.custom-panel__trigger-main{align-items:center;display:flex;gap:1rem;min-width:0}.custom-panel__section-icon,.custom-panel__trigger-icon{align-items:center;background:linear-gradient(135deg,#7e0505,var(--color-primary-1));background:linear-gradient(135deg,var(--color-primary),var(--color-primary-1));border-radius:10.2px;border-radius:calc(var(--border-radius, 12px)*.85);box-shadow:0 10px 24px color-mix(in srgb,#7e0505 28%,#0000);box-shadow:0 10px 24px color-mix(in srgb,var(--color-primary) 28%,#0000);color:#fff;display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;width:48px}.custom-panel__trigger-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.custom-panel__eyebrow,.custom-panel__preview-label{color:#7e0505;color:var(--color-primary);font-size:12px;font-weight:700;line-height:1.2}.custom-panel__title{color:#1a1a1a;color:var(--color-text);font-size:22px;font-weight:800;line-height:1.2}.custom-panel__subtitle{color:#666;color:var(--color-text-secondary);font-size:14px;line-height:1.4}.custom-panel__trigger-swatches{align-items:center;background:#fff6;background:var(--glass-bg);border:1px solid #0000001a;border:1px solid var(--glass-border);border-radius:999px;display:flex;padding:4px}.custom-panel__trigger-swatches span{background:var(--swatch);border:2px solid #fff;border:2px solid var(--color-bg);border-radius:50%;box-shadow:0 2px 10px color-mix(in srgb,var(--swatch) 35%,#0000);display:block;height:26px;margin-left:-6px;width:26px}.custom-panel__trigger-swatches span:first-child{margin-left:0}.custom-panel__chevron{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:50%;color:#666;color:var(--color-text-secondary);display:inline-flex;height:36px;justify-content:center;transition:transform .3s ease;transition:transform var(--animation-speed,.3s) ease;width:36px}.custom-panel__trigger.is-open .custom-panel__chevron{transform:rotate(180deg)}.custom-panel__content{background:color-mix(in srgb,#fff 92%,#f8f9fa);background:color-mix(in srgb,var(--color-bg) 92%,var(--color-surface));border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:0 0 12px 12px;border-radius:0 0 var(--border-radius,12px) var(--border-radius,12px);border-top:0;box-shadow:0 12px 34px #0000001a;box-shadow:var(--custom-elevation,0 18px 48px var(--color-shadow));max-height:0;overflow:hidden;transition:max-height .42s ease;transition:max-height calc(var(--animation-speed, .3s)*1.4) ease}.custom-panel__content.is-open{max-height:5200px}.custom-panel__body{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(280px,340px);padding:1.5rem}.custom-panel__main{grid-gap:1.5rem;display:grid;gap:1.5rem;min-width:0}.custom-panel__section{grid-gap:1rem;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:grid;gap:1rem;padding-bottom:1.5rem}.custom-panel__section:last-child{border-bottom:0;padding-bottom:0}.custom-panel__section-heading{align-items:flex-start;display:flex;gap:1rem}.custom-panel__section-heading h3{color:#1a1a1a;color:var(--color-text);font-size:18px;line-height:1.25;margin:0}.custom-panel__section-heading p{color:#666;color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:4px 0 0}.custom-panel__section-icon{background:color-mix(in srgb,#7e0505 12%,#0000);background:color-mix(in srgb,var(--color-primary) 12%,#0000);box-shadow:none;color:#7e0505;color:var(--color-primary);height:38px;width:38px}.custom-panel__color-grid,.custom-panel__font-grid,.custom-panel__group-grid,.custom-panel__preset-grid{grid-gap:1rem;display:grid;gap:1rem}.custom-panel__preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-panel__choice,.custom-panel__color-card,.custom-panel__font,.custom-panel__preset{background:color-mix(in srgb,#fff 82%,#f8f9fa);background:color-mix(in srgb,var(--color-bg) 82%,var(--color-surface));border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);color:#1a1a1a;color:var(--color-text);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;transition:transform var(--animation-speed,.3s) ease,border-color var(--animation-speed,.3s) ease,background var(--animation-speed,.3s) ease,box-shadow var(--animation-speed,.3s) ease}.custom-panel__choice:hover,.custom-panel__color-card:hover,.custom-panel__font:hover,.custom-panel__preset:hover{border-color:color-mix(in srgb,#7e0505 50%,#e5e7eb);border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));box-shadow:0 12px 28px color-mix(in srgb,#7e0505 12%,#0000);box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary) 12%,#0000);transform:translateY(-1px)}.custom-panel__choice:focus-visible,.custom-panel__color-card:focus-visible,.custom-panel__font:focus-visible,.custom-panel__preset:focus-visible{outline:3px solid color-mix(in srgb,#7e0505 26%,#0000);outline:3px solid color-mix(in srgb,var(--color-primary) 26%,#0000);outline-offset:2px}.custom-panel__choice.is-active,.custom-panel__color-card.is-active,.custom-panel__font.is-active,.custom-panel__preset.is-active{background:color-mix(in srgb,#7e0505 10%,#fff);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));border-color:#7e0505;border-color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,#7e0505 18%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,#0000)}.custom-panel__preset{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;min-height:132px;padding:1rem;text-align:left}.custom-panel__preset-swatches{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8.4px;border-radius:calc(var(--border-radius, 12px)*.7);display:grid;grid-template-columns:repeat(4,1fr);height:36px;overflow:hidden;width:100%}.custom-panel__preset-swatches span{background:var(--swatch)}.custom-panel__choice-name,.custom-panel__color-name,.custom-panel__font span,.custom-panel__preset-name{color:#1a1a1a;color:var(--color-text);font-size:14px;font-weight:800;line-height:1.25}.custom-panel__choice-description,.custom-panel__color-note,.custom-panel__font small,.custom-panel__preset-description{color:#666;color:var(--color-text-secondary);font-size:12px;line-height:1.45}.custom-panel__color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.custom-panel__color-card{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;min-height:124px;padding:1rem}.custom-panel__color-meta{grid-gap:3px;display:grid;gap:3px}.custom-panel__color-control{grid-gap:.5rem;display:grid;gap:.5rem}.custom-panel__color-control input{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:9px;border-radius:calc(var(--border-radius, 12px)*.75);height:44px;padding:3px;width:100%}.custom-panel__color-control input::-webkit-color-swatch-wrapper{padding:0}.custom-panel__color-control input::-webkit-color-swatch{border:0;border-radius:6.6px;border-radius:calc(var(--border-radius, 12px)*.55)}.custom-panel__color-control span{color:#666;color:var(--color-text-secondary);font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:12px}.custom-panel__font-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-panel__font{grid-gap:4px;align-content:center;display:grid;gap:4px;min-height:82px;padding:1rem;text-align:left}.custom-panel__group-grid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.custom-panel__control{grid-gap:.5rem;display:grid;gap:.5rem;min-width:0}.custom-panel__control-label{color:#666;color:var(--color-text-secondary);font-size:12px;font-weight:800;line-height:1.2}.custom-panel__choice-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.custom-panel__choice{grid-gap:4px;align-content:start;display:grid;gap:4px;min-height:74px;padding:.5rem;text-align:left}.custom-panel__preview{grid-gap:1rem;align-self:start;background:color-mix(in srgb,#f8f9fa 80%,#fff);background:color-mix(in srgb,var(--color-surface) 80%,var(--color-bg));border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 12px 34px #0000001a;box-shadow:var(--custom-elevation,0 12px 34px var(--color-shadow));display:grid;gap:1rem;padding:1rem;position:-webkit-sticky;position:sticky;top:110px}.custom-panel__preview-top{display:flex;gap:6px}.custom-panel__preview-dot{background:#7e0505;background:var(--color-primary);border-radius:50%;height:10px;opacity:.75;width:10px}.custom-panel__preview-dot:nth-child(2){background:var(--color-primary-1)}.custom-panel__preview-dot:nth-child(3){background:var(--color-primary-2)}.custom-panel__preview-card{grid-gap:.5rem;background:linear-gradient(135deg,color-mix(in srgb,#7e0505 12%,#fff),#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-bg)),var(--color-bg));border:1px solid color-mix(in srgb,#7e0505 24%,#e5e7eb);border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border));border-radius:12px;border-radius:var(--border-radius,12px);display:grid;gap:.5rem;padding:1.5rem}.custom-panel__preview-card h4{color:#1a1a1a;color:var(--color-text);font-size:28px;line-height:1.1;margin:0}.custom-panel__preview-card p{color:#666;color:var(--color-text-secondary);font-size:14px;line-height:1.55;margin:0}.custom-panel__preview-card button{background:linear-gradient(135deg,#7e0505,var(--color-primary-1));background:linear-gradient(135deg,var(--color-primary),var(--color-primary-1));border:0;border-radius:9px;border-radius:calc(var(--border-radius, 12px)*.75);color:#fff;font-weight:800;margin-top:.5rem;min-height:44px;width:100%}.custom-panel__preview-tags{display:flex;flex-wrap:wrap;gap:.5rem}.custom-panel__preview-tags span{background:color-mix(in srgb,#7e0505 10%,#0000);background:color-mix(in srgb,var(--color-primary) 10%,#0000);border:1px solid color-mix(in srgb,#7e0505 18%,#0000);border:1px solid color-mix(in srgb,var(--color-primary) 18%,#0000);border-radius:999px;color:#7e0505;color:var(--color-primary);font-size:12px;font-weight:800;padding:6px 10px}.custom-panel__summary{grid-gap:.5rem;display:grid;gap:.5rem;margin:0}.custom-panel__summary div{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;justify-content:space-between;padding:.5rem 0}.custom-panel__summary dd,.custom-panel__summary dt{font-size:14px;margin:0}.custom-panel__summary dt{color:#666;color:var(--color-text-secondary)}.custom-panel__summary dd{text-transform:capitalize}.custom-panel__reset,.custom-panel__summary dd{color:#1a1a1a;color:var(--color-text);font-weight:800}.custom-panel__reset{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius,12px);display:inline-flex;font-size:14px;gap:.5rem;justify-content:center;min-height:46px;padding:0 1rem;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease;transition:color var(--animation-speed,.3s) ease,border-color var(--animation-speed,.3s) ease,background var(--animation-speed,.3s) ease,transform var(--animation-speed,.3s) ease}.custom-panel__reset:hover{background:color-mix(in srgb,#7e0505 8%,#0000);background:color-mix(in srgb,var(--color-primary) 8%,#0000);border-color:color-mix(in srgb,#7e0505 42%,#e5e7eb);border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border));color:#7e0505;color:var(--color-primary);transform:translateY(-1px)}.custom-panel__reset:focus-visible{outline:3px solid color-mix(in srgb,#7e0505 26%,#0000);outline:3px solid color-mix(in srgb,var(--color-primary) 26%,#0000);outline-offset:2px}:root{--custom-elevation:0 12px 34px var(--color-shadow);--custom-hover-elevation:0 18px 48px var(--color-shadow)}:root[data-depth=flat]{--custom-elevation:none;--custom-hover-elevation:none;--glass-shadow:#0000;--color-shadow:#0000}:root[data-depth=floating]{--custom-elevation:0 20px 54px color-mix(in srgb,var(--color-primary) 14%,var(--color-shadow));--custom-hover-elevation:0 28px 70px color-mix(in srgb,var(--color-primary) 20%,var(--color-shadow))}:root[data-surface-style=solid]{--glass-bg:color-mix(in srgb,var(--color-surface) 94%,var(--color-bg));--glass-border:var(--color-border)}:root[data-surface-style=glass]{--glass-bg:color-mix(in srgb,var(--color-bg) 54%,#0000);--glass-border:color-mix(in srgb,var(--color-primary) 16%,var(--color-border))}:root[data-surface-style=outlined]{--glass-bg:#0000;--glass-border:color-mix(in srgb,var(--color-primary) 34%,var(--color-border))}:root[data-contrast=high]{--color-text-secondary:color-mix(in srgb,var(--color-text) 84%,var(--color-bg));--color-border:color-mix(in srgb,var(--color-text) 32%,var(--color-bg));--glass-border:color-mix(in srgb,var(--color-text) 26%,#0000)}html{font-size:16px;font-size:calc(16px*var(--custom-font-scale, 1))}body{background:#fff!important;background:var(--color-bg)!important;cursor:auto!important;cursor:var(--cursor-default,auto)!important}.cursor-pointer,[role=button],a,button,input[type=button],input[type=color],input[type=submit]{cursor:pointer!important;cursor:var(--cursor-pointer,pointer)!important}:is(.projects,.skills,.experience,.services,.certificates,.social-cards,.gmail-compose,.custom-panel){padding-bottom:3rem!important;padding-bottom:calc(3rem*var(--custom-density-scale, 1))!important;padding-top:3rem!important;padding-top:calc(3rem*var(--custom-density-scale, 1))!important}:is(.header,.projects__container,.services__container,.skills__container,.experience__container,.certificates__container,.social-cards__container,.custom-panel__container){max-width:min(1200px,96vw)!important;max-width:min(var(--custom-content-width,1200px),96vw)!important}:is(.header__nav,.header__lang-btn,.header__theme-toggle,.projects__view-toggle,.projects__view-btn,.projects__toggle-btn,.project-card,.project-card__image,.project-card__content,.project-card__tag,.project-card__btn,.project-list__item,.hex-card__front,.hex-card__back,.hex-card__tags span,.certificate-card,.social-card,.gmail-compose,.fawai,.custom-panel__preset,.custom-panel__font,.custom-panel__choice,.custom-panel__color-card){border-radius:12px!important;border-radius:var(--border-radius,12px)!important}:is(.header__nav,.header__lang-btn,.header__theme-toggle,.projects__view-toggle,.project-card,.hex-card__back,.certificate-card,.social-card,.gmail-compose,.fawai){box-shadow:0 12px 34px #0000001a!important;box-shadow:var(--custom-elevation,0 8px 32px var(--glass-shadow))!important}:root[data-surface-style=outlined] :is(.project-card,.project-card__content,.hex-card__back,.certificate-card,.social-card,.gmail-compose,.fawai){background:#0000!important;border-color:#0000001a!important;border-color:var(--glass-border)!important}:root[data-motion=reduced] *,:root[data-motion=reduced] :after,:root[data-motion=reduced] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1040px){.custom-panel__body{grid-template-columns:1fr}.custom-panel__preview{position:static}}@media(max-width:780px){.custom-panel{padding-left:.5rem;padding-right:.5rem}.custom-panel__trigger{align-items:flex-start;min-height:auto;padding:1rem}.custom-panel__trigger-main{align-items:flex-start}.custom-panel__trigger-aside{flex-direction:column;gap:.5rem}.custom-panel__trigger-icon{height:42px;width:42px}.custom-panel__title{font-size:20px}.custom-panel__body{padding:1rem}.custom-panel__color-grid,.custom-panel__font-grid,.custom-panel__group-grid,.custom-panel__preset-grid{grid-template-columns:1fr}}@media(max-width:520px){.custom-panel__trigger{flex-direction:column}.custom-panel__trigger-aside{flex-direction:row;justify-content:space-between;width:100%}.custom-panel__section-heading{gap:.5rem}.custom-panel__section-icon{height:34px;width:34px}.custom-panel__choice-grid{grid-template-columns:1fr}}:root{--color-bg:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-primary:#7e0505;--color-surface:#f8f9fa;--color-border:#e5e7eb;--color-shadow:#0000001a;--glass-bg:#fff6;--glass-border:#0000001a;--glass-shadow:#0000001a}[data-theme=dark]{--color-bg:#000;--color-text:#f5f5f5;--color-text-secondary:#a0a0a0;--color-primary:#4eb3b5!important;--color-surface:#000;--color-border:#2a2a2a;--color-shadow:#00000080;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:#00000080}.hero{align-items:center;background:#fff;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0 clamp(1.5rem,6vw,4rem);position:relative;transition:background .5s ease}.hero__canvas{height:100%;inset:0;position:absolute;width:100%;z-index:0}.hero__code-decor{animation:heroCodeFloat 6s ease-in-out infinite,heroCodeFadeIn 1s ease forwards;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;letter-spacing:.04em;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.hero__code-decor--1{animation-delay:0s;right:8%;top:18%}.hero__code-decor--2{animation-delay:2s;right:4%;top:60%}.hero__code-decor--3{animation-delay:4s;bottom:22%;left:6%}.hero__code-keyword{color:#c678dd;font-weight:600}.hero__code-string{color:#98c379}.hero__code-fn{color:#61afef}.hero__code-op{color:#56b6c2}.hero__code-comment{color:#5c6370;font-style:italic}@keyframes heroCodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes heroCodeFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:.35}}.hero__gradient{background:radial-gradient(ellipse at 50% 40%,#7e05050d 0,#0000 65%),linear-gradient(180deg,#0000 55%,#fff);background:radial-gradient(ellipse at 50% 40%,#7e05050d 0,#0000 65%),linear-gradient(180deg,#0000 55%,var(--color-bg) 100%);inset:0;pointer-events:none;position:absolute;z-index:1}[data-theme=dark] .hero__gradient{background:radial-gradient(ellipse at 50% 40%,#014d4e12 0,#0000 65%),linear-gradient(180deg,#0000 55%,#fff);background:radial-gradient(ellipse at 50% 40%,#014d4e12 0,#0000 65%),linear-gradient(180deg,#0000 55%,var(--color-bg) 100%)}.hero__ring{animation:heroRingSpin 8s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#7e0505 60deg,#0000 120deg,#0000 180deg,#7e0505 240deg,#0000 300deg,#0000 1turn);background:conic-gradient(from 0deg,#0000 0deg,var(--color-primary) 60deg,#0000 120deg,#0000 180deg,var(--color-primary) 240deg,#0000 300deg,#0000 1turn);height:clamp(420px,55vw,680px);left:50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 2px));opacity:.18;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:clamp(420px,55vw,680px);z-index:1}.hero__ring,.hero__ring-inner{border-radius:50%;position:absolute}.hero__ring-inner{animation:heroRingSpinReverse 12s linear infinite;background:conic-gradient(from 180deg,#0000 0deg,#7e0505 40deg,#0000 80deg,#0000 200deg,#7e0505 240deg,#0000 280deg,#0000 1turn);background:conic-gradient(from 180deg,#0000 0deg,var(--color-primary) 40deg,#0000 80deg,#0000 200deg,var(--color-primary) 240deg,#0000 280deg,#0000 1turn);inset:-40px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 1px));opacity:.5}[data-theme=dark] .hero__ring{opacity:.28}[data-theme=dark] .hero__ring-inner{opacity:.6}@keyframes heroRingSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes heroRingSpinReverse{to{transform:rotate(-1turn)}}.hero__layout{display:flex;justify-content:center;max-width:680px;position:relative;width:100%;z-index:2}.hero__content{align-items:center;display:flex;flex-direction:column;gap:1.1rem;text-align:center;width:100%}.hero__badge{align-items:center;animation:heroFadeUp .6s ease-out .1s both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff6;background:var(--glass-bg);border:1px solid #0000001a;border:1px solid var(--glass-border);border-radius:100px;color:#666;color:var(--color-text-secondary);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;padding:6px 18px;text-transform:uppercase}.hero__badge-dot{animation:heroBadgePulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;height:7px;width:7px}@keyframes heroBadgePulse{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 14px #22c55ee6}}.hero__eyebrow{animation:heroFadeUp .6s ease-out .2s both;font-size:13px;font-weight:600;letter-spacing:.2em;opacity:.55;text-transform:uppercase}.hero__eyebrow,.hero__title{color:#1a1a1a;color:var(--color-text);margin:0}.hero__title{animation:heroFadeUp .6s ease-out .3s both;font-size:clamp(2rem,8vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1}.hero__title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#67e8f9);-webkit-background-clip:text;background-clip:text}.hero__subtitle{align-items:center;animation:heroFadeUp .6s ease-out .4s both;color:#14b8a6;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:clamp(16px,2.2vw,22px);font-weight:500;justify-content:center;margin:0}.hero__subtitle-static{color:#1a1a1a;color:var(--color-text);margin-right:4px;opacity:.45}.hero__cursor{animation:heroCursorBlink 1s step-end infinite;background:#14b8a6;display:inline-block;height:1.1em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes heroCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.hero__description{animation:heroFadeUp .6s ease-out .5s both;color:#1a1a1a;color:var(--color-text);font-size:16px;line-height:1.8;margin:0;max-width:46ch;opacity:.7}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__actions{align-items:center;animation:heroFadeUp .6s ease-out .6s both;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:.5rem}.hero__cta{-webkit-font-smoothing:antialiased;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:650;letter-spacing:.01em;outline:none;overflow:hidden;padding:0}.hero__cta,.hero__cta-content{align-items:center;display:inline-flex;position:relative}.hero__cta-content{gap:9px;padding:14px 30px;z-index:1}.hero__cta-content svg{flex-shrink:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.hero__cta--primary{background:linear-gradient(135deg,#0a7a72,#14b8a6 55%,#0d9488);background-size:200% 200%;box-shadow:0 4px 18px #14b8a659,inset 0 1px 0 #ffffff1a;color:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background-position .5s ease}.hero__cta--primary:after{background:linear-gradient(105deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-80%;pointer-events:none;position:absolute;top:0;transform:skewX(-15deg);transition:left .55s ease;width:60%}.hero__cta--primary:hover{background-position:100%;box-shadow:0 14px 36px #14b8a680,inset 0 1px 0 #ffffff1f;transform:translateY(-3px) scale(1.02)}.hero__cta--primary:hover:after{left:130%}.hero__cta--primary:hover .hero__cta-content svg{transform:translateY(2px) scale(1.2)}.hero__cta--primary:active{box-shadow:0 3px 10px #14b8a640;transform:translateY(0) scale(.97)}.hero__cta--outline{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fff6;background:var(--glass-bg);box-shadow:0 0 0 1.5px #0000001a,0 2px 12px #0000001a;box-shadow:0 0 0 1.5px var(--glass-border),0 2px 12px var(--color-shadow);color:#1a1a1a;color:var(--color-text);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,color .2s ease}.hero__cta--outline:hover{box-shadow:0 0 0 1.5px #7e0505,0 10px 28px #7e050526;box-shadow:0 0 0 1.5px var(--color-primary),0 10px 28px #7e050526;color:#7e0505;color:var(--color-primary);transform:translateY(-3px) scale(1.02)}.hero__cta--outline:hover .hero__cta-content svg{transform:scale(1.15)}.hero__cta--outline:active{transform:translateY(0) scale(.97)}[data-theme=dark] .hero__cta--outline:hover{box-shadow:0 0 0 1.5px #14b8a6,0 10px 28px #14b8a62e;color:#14b8a6}.hero__social-row{align-items:center;animation:heroFadeUp .6s ease-out .75s both;display:flex;gap:14px;justify-content:center}.hero__social-label{color:#666;color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.1em;opacity:.55;text-transform:uppercase;white-space:nowrap}.hero__social-links{align-items:center;display:flex;gap:8px}.hero__social-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;background:var(--glass-bg);border:1px solid #0000001a;border:1px solid var(--glass-border);border-radius:10px;color:#666;color:var(--color-text-secondary);display:inline-flex;height:38px;justify-content:center;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;width:38px}.hero__social-icon:hover{background:#7e05050f;border-color:#7e0505;border-color:var(--color-primary);box-shadow:0 8px 20px #7e050526;color:#7e0505;color:var(--color-primary);transform:translateY(-4px) scale(1.12)}[data-theme=dark] .hero__social-icon:hover{background:#14b8a614;border-color:#14b8a6;box-shadow:0 8px 20px #14b8a62e;color:#14b8a6}.hero__scroll{align-items:center;animation:heroFadeUp .6s ease-out 1s both;bottom:32px;cursor:pointer;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:3}.hero__scroll:hover{opacity:.6}.hero__scroll-mouse{border:2px solid #666;border:2px solid var(--color-text-secondary);border-radius:11px;height:34px;opacity:.4;position:relative;width:22px}.hero__scroll-wheel{animation:heroScrollWheel 2s ease-in-out infinite;background:#666;background:var(--color-text-secondary);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:3px}@keyframes heroScrollWheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.hero__scroll-text{color:#666;color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.16em;opacity:.4;text-transform:uppercase}@media(max-width:768px){.hero{min-height:100svh;padding:5rem 1.5rem 4rem}.hero__ring{height:90vw;width:90vw}.hero__title{font-size:clamp(2rem,10vw,3rem)}.hero__description{max-width:100%}.hero__code-decor{display:none}.hero__actions{flex-direction:column;max-width:280px;width:100%}.hero__cta{width:100%}.hero__cta-content{justify-content:center}.hero__scroll{bottom:18px}}.dot-bg{height:100%;inset:0;pointer-events:none;position:fixed;width:100%;z-index:-1}
/*# sourceMappingURL=main.b606e480.css.map*/