:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #090a0f;--bg-surface: #11131a;--bg-surface-hover: #171a24;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .22);--text-primary: #f4f4f6;--text-secondary: #9da0aa;--text-muted: #5e6270;--accent: #38bdf8}*{box-sizing:border-box;margin:0;padding:0;cursor:none}::selection{background:#fff3;color:#fff}html::-webkit-scrollbar{width:0;background:transparent}html{scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg-primary)}html,body{width:100%;min-height:100%}body{color:var(--text-secondary);background-color:var(--bg-primary);font-family:var(--font-sans);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main{width:100%;min-height:100%;position:relative}.section-marker{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;display:inline-flex;align-items:center;margin-bottom:.85rem;padding:.28rem .65rem;border-radius:4px;border:1px solid transparent;cursor:pointer;transform-style:preserve-3d;transition:all .25s cubic-bezier(.16,1,.3,1)}.section-marker:hover{color:#10b981;background:#10b98114;border-color:#10b9814d;transform:perspective(600px) translateY(-2px) translateZ(8px);text-shadow:0 1px 0 rgba(16,185,129,.6),0 2px 8px rgba(16,185,129,.35)}footer{width:100%;border-top:1px solid var(--border-subtle);padding:3rem 2rem;background-color:#06070a}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-content p{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;margin:0}.footer-links{display:flex;gap:2rem}.footer-links a{font-family:var(--font-mono);color:var(--text-secondary);text-decoration:none;font-size:.8rem;transition:color .25s ease}.footer-links a:hover{color:var(--text-primary)}.page2{width:100%;margin:5rem 0 8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;position:relative}.page2 .tech-header{max-width:1200px;width:100%;margin:0 auto 3rem;padding:0 2rem;box-sizing:border-box}.page2 .tech-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:400;color:var(--text-primary);letter-spacing:-.01em;margin:0}.page2 .first,.page2 .second,.page2 .third,.page2 .forth{display:flex;gap:3vw;margin:1.8vh 0;width:max-content;will-change:transform}.page2 img{width:5.2vw;max-width:65px;min-width:44px;height:auto;object-fit:contain;transition:transform .25s ease,opacity .25s ease;opacity:.85}.page2 img:hover{transform:scale(1.18);opacity:1}@media screen and (max-width: 768px){.page2{margin:3rem 0 5rem}.page2 .first,.page2 .second,.page2 .third,.page2 .forth{gap:4.5vw;margin:1.2vh 0}.page2 img{width:9vw;min-width:36px}}.project-index-section{max-width:1200px;margin:0 auto 7rem;padding:0 2rem;box-sizing:border-box}.project-index-header{margin-bottom:2.5rem}.project-index-title{font-family:var(--font-sans);font-size:2.8vw;font-weight:500;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15;margin:0}.project-table{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}.update-container{display:flex;flex-direction:column;border-bottom:1px solid var(--border-subtle)}.project-tilt-wrapper{width:100%}.elem1{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 1.2rem;cursor:pointer;position:relative;transform-style:preserve-3d;transition:background-color .25s ease,padding .25s ease,border-color .25s ease,box-shadow .25s ease;border-radius:6px}.elem1:hover{background:var(--bg-surface-hover);padding-left:1.6rem;padding-right:1.6rem;border-color:var(--border-active);box-shadow:0 14px 30px #00000073}.elem-left{display:flex;align-items:center;gap:1.8rem}.project-index{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);width:25px;transform:translateZ(15px)}.elem-titles h3{font-family:var(--font-sans);font-size:1.35rem;font-weight:500;color:var(--text-primary);letter-spacing:-.01em;margin:0 0 .3rem;transform:translateZ(25px);transition:transform .25s ease,text-shadow .25s ease,color .25s ease}.elem1:hover .elem-titles h3{color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.85);transform:translateZ(32px)}.card-sub{font-size:.9rem;color:var(--text-muted);font-weight:300;margin:0;transform:translateZ(15px)}.detail{display:flex;align-items:center;gap:2rem}.tech-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .65rem;border-radius:4px;background:#ffffff08;border:1px solid var(--border-subtle);color:var(--text-muted);white-space:nowrap;transform:translateZ(20px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d;transform:perspective(600px) translateY(-2px) translateZ(28px);box-shadow:0 2px #ffffff26,0 6px 12px #0009;text-shadow:0 1px 0 rgba(255,255,255,.4)}.arrow-icon{font-size:1.25rem;color:var(--text-muted);transform:translateZ(20px);transition:transform .25s ease,color .25s ease}.elem1:hover .arrow-icon{transform:translateZ(35px) translate(4px,-4px);color:#fff}.elem1 .image{position:absolute;left:32%;top:50%;transform:translateY(-50%) translateZ(0);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1);z-index:30}.elem1:hover .image{opacity:1;transform:translateY(-75%) translateZ(65px) scale(1.05)}.desktok-ss img{width:24vw;max-width:320px;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 45px #000000d9;background-color:#0c0d12}.mobile-ss-group{display:flex;gap:.8rem}.mobile-ss-group img{width:7.5vw;max-width:95px;border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 45px #000000d9;background-color:#0c0d12}@media screen and (max-width: 768px){.project-index-title{font-size:6vw}.elem1{flex-direction:column;align-items:flex-start;gap:1.2rem;padding:1.4rem .5rem}.elem-left{gap:1rem}.detail{width:100%;justify-content:space-between}.elem1 .image{display:none}}.project-detail{max-width:1200px;margin:0 auto;padding:3rem 2rem 6rem;box-sizing:border-box;min-height:100vh}.project-detail h1{font-family:var(--font-sans);font-size:3.5rem;font-weight:500;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;margin:0}.project-detail .title{display:flex;align-items:center;gap:1.5rem;margin-bottom:.5rem;flex-wrap:wrap}.project-detail .title img{width:32px;height:32px;opacity:.8;transition:opacity .25s ease,transform .25s ease}.project-detail .title a:hover img{opacity:1;transform:scale(1.1)}.project-detail .sub-title{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.project-detail h3{font-family:var(--font-sans);font-size:1.35rem;font-weight:400;color:var(--text-secondary);letter-spacing:-.01em;margin:0}.overview-video-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start}.project-detail .ss-section iframe{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:1px solid var(--border-subtle);background-color:var(--bg-surface)}.project-detail .screenshots-imgs{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.project-detail .screenshots-imgs img{max-height:180px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-surface);object-fit:contain}.project-detail .right p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);font-weight:300;margin-bottom:1.5rem}.project-detail .right h4{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:1rem}.project-detail .right h6{font-family:var(--font-sans);font-size:.95rem;color:var(--text-secondary);font-weight:400;line-height:1.6;margin-bottom:.5rem}@media screen and (max-width: 900px){.project-detail h1{font-size:2.2rem}.overview-video-grid{grid-template-columns:1fr;gap:2.5rem}}.loadingScreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;pointer-events:all}.loader-panel{width:100%;height:100%;background-color:#07080b;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 4rem;box-sizing:border-box}.loader-header,.loader-footer{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.15em;color:var(--text-muted)}.loader-center{display:flex;flex-direction:column;align-items:center;text-align:center}.loader-counter{font-family:var(--font-mono);font-size:5rem;font-weight:500;color:var(--text-primary);line-height:1;margin-bottom:1.5rem;letter-spacing:-.05em}.loader-percent{font-size:2rem;color:var(--text-muted);margin-left:.2rem}.loader-progress-track{width:240px;height:2px;background-color:#ffffff14;position:relative;overflow:hidden;margin-bottom:1.5rem}.loader-progress-bar{width:0%;height:100%;background-color:#fff}.loader-sub{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--text-muted);margin:0}.hero-section{width:100%;min-height:100vh;padding:3rem 4rem;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;overflow:hidden}.hero-3d-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-3d-hud{position:absolute;bottom:2.5rem;right:4rem;display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem;background:#0a0d14bf;border:1px solid var(--border-subtle);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;cursor:pointer;z-index:10;transition:all .25s ease}.hero-3d-hud:hover{border-color:#10b98166;background:#10b98114;transform:perspective(600px) translateY(-2px) translateZ(8px);box-shadow:0 0 16px #10b98140}.hud-status-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981}.hud-text{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;transition:color .2s ease}.hero-3d-hud:hover .hud-text{color:#f4f4f6}.hero-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle);position:relative;z-index:2}.status-indicator{display:flex;align-items:center;gap:.6rem}.status-ping{width:7px;height:7px;background-color:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199}.mono-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;display:inline-flex;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);padding:.35rem .65rem;border-radius:4px;border:1px solid transparent;cursor:pointer}.mono-label:hover{color:#fff;background:#ffffff0d;border-color:#ffffff26;transform:perspective(600px) translateY(-2px) translateZ(8px);text-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 4px rgba(16,185,129,.3)}.hero-body{max-width:1100px;margin:4rem 0;position:relative;z-index:2}.line-mask{overflow:hidden;display:block}.hero-display-name{font-family:var(--font-sans);font-size:6.5vw;font-weight:500;letter-spacing:-.04em;line-height:1.05;color:var(--text-primary);margin:0;margin-bottom:.5rem;cursor:default;transition:text-shadow .3s ease,transform .3s ease}.hero-display-name:hover{text-shadow:0 2px 0 rgba(255,255,255,.4),0 4px 14px rgba(16,185,129,.2);transform:perspective(1000px) translateZ(10px)}.hero-display-role{font-family:var(--font-sans);font-size:2.5vw;font-weight:400;letter-spacing:-.02em;color:var(--text-secondary);line-height:1.2;margin:0;margin-bottom:1.8rem}.hero-summary{font-size:1.25rem;font-weight:300;color:#8b8f9e;line-height:1.6;max-width:650px;margin-bottom:2.5rem}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.action-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:9999px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;text-decoration:none;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,background-color .2s ease,text-shadow .2s ease}.action-pill:hover{background:#ffffff14;border-color:#ffffff4d;transform:perspective(600px) translateY(-3px) translateZ(12px);box-shadow:0 4px #ffffff2e,0 10px 24px #000000a6;text-shadow:0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.7)}.action-pill:active{transform:perspective(600px) translateY(1px) translateZ(0);box-shadow:0 1px #ffffff1a,0 3px 6px #000000b3}.action-pill-primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.action-pill-primary:hover{background:#fff;color:#000;border-color:#fff;transform:perspective(600px) translateY(-3px) translateZ(12px);box-shadow:0 4px #ffffff4d,0 12px 26px #000000b3;text-shadow:0 1px 0 rgba(0,0,0,.25)}.action-pill-primary:active{transform:perspective(600px) translateY(1px) translateZ(0);box-shadow:0 1px #ffffff1a,0 4px 8px #0009}.action-arrow{font-size:.9rem;transition:transform .25s ease}.action-pill:hover .action-arrow{transform:translate(2px,-2px)}.hero-scroll-prompt{padding-top:2rem;position:relative;z-index:2}@media screen and (max-width: 768px){.hero-3d-hud{display:none}.hero-section,.loader-panel{padding:2rem 1.5rem}.hero-display-name{font-size:12vw}.hero-display-role{font-size:5.5vw}.hero-summary{font-size:1.05rem}.loader-counter{font-size:3.5rem}.hero-top-bar{flex-direction:column;align-items:flex-start;gap:.5rem}}.contact-section{max-width:1200px;margin:0 auto 7rem;padding:0 2rem;box-sizing:border-box}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:start}.contact-left{display:flex;flex-direction:column}.contact-title{font-family:var(--font-sans);font-size:2.8vw;font-weight:500;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15;margin:0 0 1.2rem}.contact-lead{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);font-weight:300;margin-bottom:2.5rem}.contact-info-list{display:flex;flex-direction:column;gap:1rem}.contact-tilt-wrap{width:100%}.contact-card-box{display:flex;align-items:center;gap:1.25rem;padding:1.15rem 1.4rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;width:100%;box-sizing:border-box;cursor:pointer;transform-style:preserve-3d;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.contact-card-box:hover{background:var(--bg-surface-hover);border-color:var(--border-active);box-shadow:0 12px 28px #00000073}.card-icon-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);flex-shrink:0;transition:all .3s ease;transform:translateZ(15px)}.contact-card-box:hover .card-icon-container{background:#ffffff14;border-color:#fff3;transform:translateZ(22px)}.card-info{display:flex;flex-direction:column;gap:.25rem;flex-grow:1;transform:translateZ(15px)}.card-category-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;transition:color .25s ease}.contact-card-box:hover .card-category-label{color:#10b981}.card-detail-text{font-family:var(--font-sans);font-size:.95rem;color:var(--text-primary);font-weight:400;letter-spacing:-.01em;transition:color .25s ease}.card-link-arrow{font-size:1.1rem;color:var(--text-muted);transition:all .25s ease;transform:translateZ(15px)}.contact-card-box:hover .card-link-arrow{transform:translateZ(25px) translate(3px,-3px);color:#fff}.contact-form-box{display:flex;flex-direction:column;gap:1.4rem;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:2.5rem;border-radius:8px}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text-muted)}.contact-form-box input,.contact-form-box textarea{padding:.85rem 1rem;border-radius:4px;font-family:var(--font-sans);font-size:.95rem;background-color:#ffffff08;border:1px solid var(--border-subtle);color:var(--text-primary);transition:border-color .25s ease,background-color .25s ease}.contact-form-box input:focus,.contact-form-box textarea:focus{outline:none;border-color:#fff;background-color:#ffffff0d}.contact-form-box input::placeholder,.contact-form-box textarea::placeholder{color:var(--text-muted);font-size:.9rem}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background-color:#fff;color:#000;padding:.85rem 1.6rem;border-radius:6px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.05em;border:1px solid #ffffff;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,text-shadow .2s ease;margin-top:.5rem}.submit-btn:hover{background-color:#fff;transform:perspective(600px) translateY(-3px) translateZ(10px);box-shadow:0 4px #ffffff40,0 12px 24px #000000a6;text-shadow:0 1px 0 rgba(0,0,0,.25)}.submit-btn:active{transform:perspective(600px) translateY(1px) translateZ(0);box-shadow:0 1px #ffffff1a,0 4px 8px #0009}.btn-arrow{font-size:1rem;transition:transform .25s ease}.submit-btn:hover .btn-arrow{transform:translate(2px,-2px)}.contact-success-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:3rem 2rem;text-align:center}.success-tag{font-family:var(--font-mono);font-size:.8rem;color:#10b981;letter-spacing:.15em;display:block;margin-bottom:.8rem}.contact-success-box p{color:var(--text-primary);font-size:1rem;margin:0}@media screen and (max-width: 900px){.contact-title{font-size:6vw}.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-form-box{padding:1.5rem}}.about-section{max-width:1200px;margin:0 auto 7rem;padding:0 2rem;box-sizing:border-box}.about-header{margin-bottom:2.5rem}.about-title{font-family:var(--font-sans);font-size:3vw;font-weight:500;letter-spacing:-.025em;color:var(--text-primary);line-height:1.15;margin:0}.about-split-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;margin-bottom:4rem;padding-bottom:3.5rem;border-bottom:1px solid var(--border-subtle)}.intro-lead{font-size:1.4rem;line-height:1.5;color:var(--text-primary);font-weight:400;letter-spacing:-.01em;margin:0}.intro-right p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);font-weight:300;margin-bottom:1rem}.intro-right p:last-child{margin-bottom:0;color:var(--text-muted)}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4.5rem;perspective:1200px}.tilt-card-container{height:100%;display:flex;flex-direction:column;border-radius:8px}.domain-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:2.2rem 1.8rem;height:100%;box-sizing:border-box;transform-style:preserve-3d;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.tilt-card-container:hover .domain-card{background:var(--bg-surface-hover);border-color:var(--border-active);box-shadow:0 16px 36px #00000073}.domain-index{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:1.5rem;letter-spacing:.1em;transform:translateZ(20px);transition:transform .25s ease}.domain-heading{font-family:var(--font-sans);font-size:1.35rem;font-weight:500;color:var(--text-primary);margin-bottom:.8rem;letter-spacing:-.01em;transform:translateZ(30px);transition:transform .25s ease,text-shadow .25s ease}.tilt-card-container:hover .domain-heading{text-shadow:0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.8)}.domain-body{font-size:.95rem;line-height:1.6;color:var(--text-secondary);font-weight:300;margin:0;transform:translateZ(15px)}.recognition-shell{border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface);overflow:hidden}.recognition-header{padding:1.2rem 1.8rem;border-bottom:1px solid var(--border-subtle);background:#ffffff04}.mono-subhead{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.mono-subhead:hover{color:#10b981}.recognition-table{display:flex;flex-direction:column}.rec-tilt-wrap{width:100%}.rec-row{display:grid;grid-template-columns:140px 1.4fr 2fr 40px;align-items:center;gap:1.5rem;padding:1.4rem 1.8rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;transform-style:preserve-3d;transition:all .25s ease}.rec-row:last-child{border-bottom:none}.rec-badge{transform:translateZ(20px);transition:transform .25s ease}.rec-title{transform:translateZ(25px);transition:transform .25s ease,text-shadow .25s ease}.rec-row:hover .rec-title{text-shadow:0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.8)}.rec-desc{transform:translateZ(15px)}.rec-arrow{transform:translateZ(20px);transition:transform .25s ease}.rec-row:hover .rec-arrow{transform:translateZ(28px) translate(3px,-3px);color:#fff}.rec-row:hover{background:var(--bg-surface-hover)}.rec-badge{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;padding:.3rem .6rem;border-radius:4px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;width:fit-content}.rec-title{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--text-primary);transition:color .25s ease}.rec-row:hover .rec-title{color:#fff}.rec-desc{font-size:.9rem;color:var(--text-secondary);font-weight:300}.rec-arrow{font-size:1.1rem;color:var(--text-muted);text-align:right;transition:transform .25s ease,color .25s ease}.rec-row:hover .rec-arrow{transform:translate(2px,-2px);color:var(--text-primary)}@media screen and (max-width: 900px){.about-title{font-size:6vw}.about-split-intro{grid-template-columns:1fr;gap:2rem}.domain-grid{grid-template-columns:1fr}.rec-row{grid-template-columns:1fr;gap:.5rem;padding:1.2rem}.rec-arrow{display:none}}.crsr{background-color:#fff;position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:999999;will-change:transform,width,height,border-radius;transition:opacity .2s ease,border-radius .18s cubic-bezier(.16,1,.3,1)}body h1,body h2,body h3,body h4,body h5,body p{transition:color .3s ease,opacity .3s ease}body .tech-stacks{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,background-color .4s ease,box-shadow .4s ease}body .tech-stacks:hover{transform:translateY(-6px);border-color:#ffffff59;background:#ffffff0d;box-shadow:0 20px 40px #0009}body .contact-form .contact-card .card-left{transition:transform .3s ease,border-color .3s ease,background-color .3s ease}body .contact-form .contact-card .card-left:hover{transform:translate(6px);background-color:#ffffff14;border-color:#ffffff4d}.project-detail .title img{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.project-detail .title img:hover{transform:scale(1.15);border-radius:50%}