:root{--font-poppins: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--color-coffee-bean: #0D0D0D;--color-rich-mahogany: #3F1113;--color-night-bordeaux: #4F141A;--color-dusty-taupe: #9D8372;--color-almond-cream: #EFDAC5;--color-antique-white: #FFFFF0;--bg-main: #000005;--bg-body: #000005;--bg-card: #060606;--bg-card-gradient: linear-gradient(155deg, rgba(38, 10, 14, .8) 0%, rgba(16, 3, 5, .98) 100%);--bg-card-hover: linear-gradient(155deg, rgba(55, 14, 20, .9) 0%, rgba(22, 4, 7, .99) 100%);--bg-card-inner: #1a0507;--bg-card-border: rgba(239, 218, 197, .09);--bg-card-border-hover: rgba(224, 90, 71, .45);--bg-dock: rgba(12, 2, 4, .92);--bg-dock-border: rgba(239, 218, 197, .15);--text-main: #FFFFF0;--text-muted: #FFFFF088;--text-sub: #1E060688;--text-ghost: rgba(254, 240, 220, .18);--text-dark: #1E0606;--text-dark-gray: rgb(74, 85, 104);--accent-coral: #E05A47;--accent-coral-highlight: #E05A4711;--accent-coral-hover: #F06A57;--accent-lime: #B8E986;--accent-lime-text: #090102;--accent-primary: #4F141A;--accent-glow: rgba(224, 90, 71, .35);--input-bg: rgba(26, 5, 7, .85);--input-border: rgba(239, 218, 197, .14);--scrollbar-thumb: #250709}[data-theme=light]{--bg-main: #FFFFFF;--bg-body: #FFFFFF;--bg-card: #FFFFF5;--bg-card-gradient: linear-gradient(150deg, #FFFFFF 0%, #F9F2E7 100%);--bg-card-hover: linear-gradient(150deg, #FFFFFF 0%, #F4E7D6 100%);--bg-card-inner: #F4E8D9;--bg-card-border: rgba(63, 17, 19, .1);--bg-card-border-hover: rgba(210, 74, 55, .4);--bg-dock: #FFFFF5;--bg-dock-border: rgba(63, 17, 19, .14);--color-antique-white: #FFFFF5;--text-main: #1E0606;--text-muted: #1E060688;--text-sub: #3F1113;--text-ghost: rgba(30, 6, 6, .1);--text-dark: #1E0606;--text-dark-gray: #E05A47;--accent-coral: #D24A37;--accent-coral-hover: #BF3E2C;--accent-lime: #6BA336;--accent-lime-text: #FFFFFF;--accent-primary: #3F1113;--accent-glow: rgba(63, 17, 19, .12);--input-bg: rgba(239, 218, 197, .5);--input-border: rgba(63, 17, 19, .18);--scrollbar-thumb: #9D8372}html{scroll-behavior:smooth;font-family:var(--font-poppins)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-poppins);line-height:1.6;transition:background-color .4s ease,color .4s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.font-poppins{font-family:var(--font-poppins)}.title-ghost{color:var(--text-dark-gray);display:block;-webkit-user-select:none;user-select:none}[data-theme=light] .title-ghost{color:var(--text-dark-gray)}.bento-container{max-width:1170px;width:100%;margin-inline:auto;padding:0 0rem}@media (max-width: 640px){main{padding:0rem 1.5rem}.bento-container{padding:0 0rem}}.portfolio-layout-grid{display:grid;grid-template-columns:360px 1fr;gap:4.2rem;align-items:start;padding-top:6rem}@media (max-width: 1080px){.portfolio-layout-grid{grid-template-columns:320px 1fr;gap:2rem}}@media (max-width: 1024px){.portfolio-layout-grid{grid-template-columns:1fr;gap:2rem;padding-top:5rem}}.sticky-developer-sidebar{position:sticky;top:4.8rem;z-index:50}@media (max-width: 1024px){.sticky-developer-sidebar{position:relative;top:0;padding:0rem 1.5rem}.no-padding-card.bento-card{padding:0!important}}.floating-dock{position:fixed;top:1.25rem;left:51%;transform:translate(-50%);z-index:1000;background:var(--bg-dock);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-dock-border);border-radius:9999px;padding:.6rem 1.5rem;display:flex;align-items:center;gap:.35rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.dock-btn{background:transparent;border:none;color:var(--text-muted);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.dock-btn:hover{color:var(--text-main);background:var(--text-dark-gray);transform:translateY(-2px)}.dock-btn.active{color:var(--text-main);background:transparent;border:1px solid var(--bg-dock-border);box-shadow:0 4px 14px #0000004d}.dock-divider{width:2px;height:18px;background:var(--bg-dock-border);margin:0 2px}.bento-card{background:var(--bg-card);border:1px solid var(--bg-dock-border);border-radius:1.5rem;padding:2rem;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.bento-card.light{background:var(--color-antique-white);border:1px solid var(--bg-card-border)}.text-dark{color:var(--text-dark)}.bento-card:hover{transform:translateY(-3px)}@keyframes fadeInScale{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-bento{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) forwards}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.story-section{padding-bottom:4.5rem;position:relative}.big-title-container{margin-bottom:2rem}.big-title-primary{font-size:clamp(3.2rem,7.2vw,5.4rem);font-weight:900;line-height:.92;letter-spacing:-.045em;text-transform:uppercase;color:var(--text-main);display:block}.big-title-secondary{font-size:clamp(3.2rem,7.2vw,5.4rem);font-weight:900;line-height:.92;letter-spacing:-.045em;text-transform:uppercase;color:var(--text-dark-gray);display:block;-webkit-user-select:none;user-select:none}[data-theme=light] .big-title-secondary{color:var(--text-dark-gray)}.story-row-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1rem;border:1px solid var(--bg-card-border);border-radius:1.25rem;margin-bottom:.95rem;cursor:pointer;transition:all .25s ease}.story-row-item:hover{border-color:var(--bg-card-border-hover);transform:translate(4px);box-shadow:0 10px 24px #00000059}.arrow-icon-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#efdac50f;color:var(--text-muted);transition:all .25s ease;flex-shrink:0}.story-row-item:hover .arrow-icon-btn{background:var(--accent-coral);color:#fff;transform:translate(3px,-3px);box-shadow:0 4px 12px #e05a4766}.review-card-active{background:linear-gradient(150deg,#2d0c10d9,#140406fa);border:1px solid rgba(224,90,71,.3);box-shadow:0 16px 36px #00000073}.bento-input{width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-main);border-radius:.85rem;padding:.95rem 1.25rem;font-family:var(--font-poppins);font-size:.95rem;transition:all .2s ease;outline:none}.bento-input:focus{border-color:var(--accent-coral);box-shadow:0 0 0 3px #e05a4733}.bento-input::placeholder{color:var(--text-muted);opacity:.75}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#06010280;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-box{background-color:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:1.5rem;max-width:840px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px -12px #000000b3;animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.fixed-action-left{position:fixed;left:1.5rem;bottom:1.75rem;z-index:950;display:flex;align-items:center}.fixed-action-right{position:fixed;right:1.5rem;bottom:1.75rem;z-index:950;display:flex;align-items:center}@media (min-width: 1540px){.fixed-action-left{left:2rem;bottom:2.25rem}.fixed-action-right{right:2rem;bottom:2.25rem}}.floating-side-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem 1.3rem .6rem .6rem;border-radius:9999px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bg-dock-border);color:var(--text-main);text-decoration:none;font-family:var(--font-poppins);transform:translateY(0);transition:all .28s cubic-bezier(.16,1,.3,1);cursor:pointer}.floating-side-btn:hover{background:var(--bg-card);border-color:#fef0dc73;transform:translateY(-3px)}.floating-side-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .25s ease}.floating-side-btn:hover .floating-side-icon-wrap{transform:scale(1.1)}.floating-side-content{display:flex;flex-direction:column;gap:.2rem;line-height:1.2}.floating-side-subtext{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;display:flex;align-items:center;gap:.35rem}.floating-side-title{font-size:.82rem;font-weight:700;color:var(--text-main);white-space:nowrap}.floating-pulse-beacon{width:7px;height:7px;border-radius:50%;background-color:#25d366;box-shadow:0 0 8px #25d366;animation:pulseBeacon 1.8s infinite;display:inline-block}@keyframes pulseBeacon{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.35);opacity:1}to{transform:scale(.9);opacity:.7}}@media (max-width: 768px){.fixed-action-left{bottom:1.25rem;left:1rem}.fixed-action-right{bottom:1.25rem;right:1rem}.floating-side-btn{padding:0;width:46px;height:46px;justify-content:center}.floating-side-icon-wrap{width:40px;height:40px}.floating-side-content{display:none}.story-row-item .story-row-item-content{flex-direction:column}.story-row-item .story-row-item-content .story-row-item-thumbnail{aspect-ratio:16 / 9!important;width:100%!important}.story-row-item{position:relative}.story-row-item .arrow-icon-btn{position:absolute;bottom:1rem;right:1rem;background-color:var(--accent-coral)}.modal-content-box .modal-header{padding:1.2rem!important}.modal-content-box .modal-header button{position:absolute!important;top:1rem;right:1rem}.modal-content-box .modal-body{padding:1.2rem!important;gap:1rem!important}.bento-card{padding:1.2rem!important}#contact.story-section{padding-bottom:0!important}}