@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2039e8342bda6056-s.1hiu0hj9qpr9g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fabcf92ba1ccea36-s.p.1w_qz2ahumqmz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.bebas_neue_e9752311-module__4MN8WG__className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.bebas_neue_e9752311-module__4MN8WG__variable{--font-bebas:"Bebas Neue", "Bebas Neue Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_dcc649e5-module__ALcXwG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_dcc649e5-module__ALcXwG__variable{--font-dm:"DM Sans", "DM Sans Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-bebas:var(--font-bebas);--font-dm:var(--font-dm)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}:root{--bg:#0a0a0f;--white:#f8f8f7;--black:#e8e8f0;--gray:#6b6b80;--lgray:#2a2a38;--tag:#1c1c2ad7;--accent:#a78bfa}body{font-family:var(--font-dm),"DM Sans",sans-serif;background:var(--bg);color:var(--black);cursor:auto;-webkit-user-select:none;user-select:none;overflow:hidden}#loader{z-index:99999;flex-direction:column;display:flex;position:fixed;inset:0}.loader-half{background:#0a0a0f;justify-content:center;align-items:center;height:50%;transition:transform .8s cubic-bezier(.76,0,.24,1);display:flex;position:absolute;left:0;right:0;overflow:hidden}.loader-top{top:0;transform:translateY(0)}.loader-bottom{bottom:0;transform:translateY(0)}.loader-half h1{font-family:var(--font-bebas);letter-spacing:.12em;color:#bd9f67;font-size:clamp(48px,8vw,90px);animation:1s infinite alternate pulse}.loader-half p{color:#666;letter-spacing:.1em;margin-top:8px;font-size:13px}@keyframes pulse{50%{opacity:.5}}*{cursor:none!important}#cur-outer{pointer-events:none;z-index:99998;border:2px solid #bd9f67;border-radius:50%;width:36px;height:36px;transition:left 60ms cubic-bezier(.16,1,.3,1),top 60ms cubic-bezier(.16,1,.3,1),width .3s,height .3s,border-color .4s,background .4s,border-radius .4s;position:fixed;transform:translate(-50%,-50%)}#cur-dot{pointer-events:none;z-index:99999;background:#bd9f67;border-radius:50%;width:6px;height:6px;transition:background .4s,width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}#cur-outer.hover{background:#bd9f6714;border-color:#0000;width:64px;height:64px}body.theme-light #cur-outer{border-color:#111}body.theme-light #cur-dot{background:#111}body.theme-light #cur-outer.hover{background:#0000000f}body.theme-glass #cur-outer{background:#38bdf80d;border-color:#38bdf8}body.theme-glass #cur-dot{background:#38bdf8}body.theme-glass #cur-outer.hover{background:#38bdf82e}nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0fe0;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:20px 44px;display:flex;position:absolute;top:0;left:0;right:0}.nav-left{align-items:center;gap:34px;display:flex}.nav-right{align-items:center;gap:10px;display:flex}.nav-logo{border:2px solid var(--black);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.nav-logo:hover{background:var(--black);color:#0a0a0f;transform:scale(1.1)}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--black);cursor:pointer;padding-bottom:2px;font-size:14px;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--black);width:0;height:1px;transition:all .3s;position:absolute;bottom:0;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.theme-selector{position:relative}.theme-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-family:var(--font-dm);cursor:pointer;color:var(--black);background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:40px;align-items:center;gap:6px;padding:9px 18px;transition:all .3s;display:flex}.theme-btn:hover{background:#ffffff1a}.theme-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;z-index:200;background:#0f0f19f2;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:4px;min-width:130px;padding:8px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px);box-shadow:0 8px 30px #0000004d}.theme-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}.theme-option{font-size:12px;font-family:var(--font-dm);color:var(--black);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:all .2s;display:flex}.theme-option:hover{background:#ffffff0f}.theme-option.active{font-weight:700}.theme-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.light-dot{background:linear-gradient(135deg,#f0f0f0,#bbb);border:1px solid #ccc}.dark-dot{background:linear-gradient(135deg,#1a1a2e,#a78bfa)}.glass-dot{background:linear-gradient(135deg,#0c4a6e,#38bdf8)}.page{opacity:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page.active{opacity:1;pointer-events:all}.wm{font-family:var(--font-bebas);color:#ffffff0a;letter-spacing:.02em;white-space:nowrap;pointer-events:none;max-width:100vw;font-size:clamp(80px,14vw,190px);position:absolute;top:50%;right:-20px;overflow:hidden;transform:translateY(-50%)}.hero-img{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-img img{object-fit:cover;object-position:center;filter:grayscale()contrast(1.05);max-width:65vw;height:100vh;transition:filter .8s}.hero-content{z-index:20;position:absolute;bottom:120px;left:44px}.hero-title{font-family:var(--font-bebas);letter-spacing:-.03em;font-size:clamp(80px,10vw,140px);line-height:.88;overflow:hidden}.hero-title span{background:linear-gradient(135deg,var(--black) 0%,#bd9f67 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-sub{color:var(--gray);opacity:0;margin-top:8px;font-size:13px;animation:.7s .8s forwards fadeIn}.typing{color:#bd9f67;letter-spacing:.06em;opacity:0;height:20px;margin-top:16px;font-size:13px;animation:.7s 1s forwards fadeIn}.typing:after{content:"|";animation:.7s infinite blink}@keyframes blink{50%{opacity:0}}.hero-power{opacity:0;margin-top:28px;animation:.7s 1.2s forwards fadeIn}.hero-power h4{color:var(--gray);margin-bottom:5px;font-size:13px}.hero-power p{color:#666;max-width:260px;font-size:12px;line-height:1.8}@keyframes fadeIn{to{opacity:1}}.ftag{background:var(--tag);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;perspective:600px;border-radius:7px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 4px 24px #00000012}.ftag:before{content:"";background:var(--black);border-radius:50%;width:7px;height:7px}.tilt-tag{transform-style:preserve-3d;transition:transform .3s}.tilt-tag:hover{transform:rotateX(8deg)rotateY(-5deg)scale(1.05)}@keyframes float{50%{transform:translateY(-8px)}}.slide-dots{z-index:50;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.slide-num{color:#666;font-size:11px}.dot{background:#444;border-radius:50%;width:7px;height:7px;transition:all .3s}.dot.on{border:2px solid var(--black);background:0 0;width:10px;height:10px}.scroll-hint{color:#666;z-index:50;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:30px;left:44px}.scroll-icon{border:1.5px solid #555;border-radius:12px;width:22px;height:34px;position:relative}.scroll-icon:after{content:"";background:var(--black);border-radius:2px;width:3px;height:7px;animation:1.6s infinite scrollAnim;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollAnim{to{opacity:0;top:22px}}.char-icon{z-index:50;border:2px solid #bd9f674d;border-radius:50%;width:46px;height:46px;position:absolute;bottom:30px;right:44px;overflow:hidden}.char-icon img{object-fit:cover;filter:grayscale();width:100%;height:100%}.movie-grid{-webkit-overflow-scrolling:touch;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:100px 44px 44px;display:grid;position:absolute;inset:0;overflow-y:auto}.movie-card{cursor:pointer;background:#243137;border-radius:12px;flex-direction:column;justify-content:flex-end;width:100%;height:240px;transition:transform .5s cubic-bezier(.16,1,.3,1),border-radius .5s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.movie-card:first-child{grid-column:span 2}.movie-card.featured{height:280px}.movie-card:hover{z-index:10;border-radius:4px;transform:scale(1.03);box-shadow:0 20px 60px #00000059}.movie-card .card-bg{z-index:0;position:absolute;inset:0}.movie-card .card-bg img{object-fit:cover;opacity:.4;width:100%;height:100%;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}.movie-card:hover .card-bg img{opacity:.6;transform:scale(1.06)}.movie-card .card-overlay{z-index:1;background:linear-gradient(#0000 0%,#24313766 50%,#243137f2 100%);transition:background .5s;position:absolute;inset:0}.movie-card:hover .card-overlay{background:linear-gradient(#24313733 0%,#24313780 50%,#243137fa 100%)}.movie-card .card-border{opacity:0;pointer-events:none;z-index:5;border:2px solid #bd9f67;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:rotate(8deg)}.movie-card:hover .card-border{opacity:1;inset:12px;transform:rotate(0)}.movie-card .card-content{z-index:3;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}.movie-card .card-tag-badge{color:#bd9f67;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700;font-family:var(--font-dm);border:1px solid #bd9f6759;border-radius:2px;align-self:flex-start;padding:4px 10px;transition:all .4s}.movie-card:hover .card-tag-badge{background:#bd9f671f}.movie-card .card-title{font-family:var(--font-bebas);letter-spacing:.04em;color:#bd9f67;font-size:26px;line-height:1;transition:all .4s}.movie-card:hover .card-title{letter-spacing:.08em}.movie-card .card-desc{color:#bd9f678c;max-width:90%;font-size:11px;line-height:1.5;font-family:var(--font-dm);opacity:0;transition:all .45s cubic-bezier(.16,1,.3,1) 50ms;transform:translateY(8px)}.movie-card:hover .card-desc{opacity:1;transform:translateY(0)}.movie-card .card-cta{color:#bd9f67;letter-spacing:.06em;font-size:10px;font-weight:600;font-family:var(--font-dm);opacity:0;align-items:center;gap:6px;transition:all .4s cubic-bezier(.16,1,.3,1) .1s;display:inline-flex;transform:translateY(4px)}.movie-card:hover .card-cta{opacity:1;transform:translateY(0)}.project-overlay{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;justify-content:center;align-items:center;padding:40px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.project-expanded{background:#1a1a2e;border-radius:20px;width:100%;max-width:800px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) scaleIn;position:relative;overflow:hidden}.project-expanded-bg{width:100%;height:300px;overflow:hidden}.project-expanded-bg img{object-fit:cover;width:100%;height:100%}.project-expanded-content{padding:32px}.project-expanded-tag{color:#bd9f67;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:700}.project-expanded h2{font-family:var(--font-bebas);color:#bd9f67;letter-spacing:.04em;margin-bottom:12px;font-size:48px}.project-expanded p{color:#fff9;margin-bottom:20px;font-size:14px;line-height:1.7}.project-tech-stack{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tech-pill{color:#bd9f67;background:#bd9f671f;border:1px solid #bd9f6740;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600}.project-expanded-actions{gap:12px;display:flex}.project-btn{font-size:13px;font-weight:600;font-family:var(--font-dm);border-radius:10px;padding:12px 24px;text-decoration:none;transition:all .3s}.project-btn.primary{color:#0a0a0f;background:#bd9f67}.project-btn.primary:hover{background:#d4b87a;transform:translateY(-2px)}.project-btn.ghost{color:var(--black);background:#ffffff14;border:1px solid #ffffff26}.project-btn.ghost:hover{background:#ffffff26}.project-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.project-close:hover{background:#000c;transform:scale(1.1)}.about-inner{z-index:10;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;padding:100px 44px 44px;display:grid;position:absolute;inset:0}.about-img-wrap{border-radius:18px;height:70vh;position:relative;overflow:hidden}.about-img-wrap img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s}.about-img-wrap:hover img{filter:grayscale(0%)}.about-img-wrap:hover .glitch-overlay{opacity:1}.glitch-overlay{opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(45deg,#bd9f671a 0%,#0000 50%,#a78bfa1a 100%);transition:opacity .3s;position:absolute;inset:0}.about-badge{color:#0a0a0f;background:#bd9f67;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;animation:8s linear infinite spin;display:flex;position:absolute;top:24px;right:-20px}@keyframes spin{to{transform:rotate(360deg)}}.about-badge span:first-child{font-family:var(--font-bebas);font-size:28px}.about-badge span:last-child{letter-spacing:.08em;font-size:9px}.about-text .label{letter-spacing:.12em;color:#888;text-transform:uppercase;margin-bottom:14px;font-size:11px}.about-text h2{font-family:var(--font-bebas);margin-bottom:24px;font-size:clamp(44px,6vw,80px);line-height:.95}.about-text p{color:#888;margin-bottom:18px;font-size:14px;line-height:1.9}.about-stats{gap:34px;margin-top:28px;display:flex}.stat h3{font-family:var(--font-bebas);color:#bd9f67;font-size:42px}.stat p{color:#888;margin-top:4px;font-size:11px}.timeline{border-left:2px solid #bd9f6740;flex-direction:column;gap:14px;margin-top:28px;padding-left:20px;display:flex}.timeline-item{color:#888;gap:12px;font-size:13px;display:flex;position:relative}.timeline-dot{background:#bd9f67;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px;margin-left:-26px}.timeline-item strong{color:var(--black)}.about-skills{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.skill-pill{border:1px solid #bd9f6733;border-radius:30px;align-items:center;gap:8px;width:calc(50% - 4px);padding:8px 14px;font-size:11px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.skill-pill:hover{background:#bd9f670f;border-color:#bd9f67}.skill-name{white-space:nowrap;min-width:70px}.skill-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.skill-fill{background:linear-gradient(90deg,#bd9f67,#d4b87a);border-radius:2px;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.books-container{z-index:10;grid-template-columns:1fr 1.5fr;gap:40px;padding:100px 44px 44px;display:grid;position:absolute;inset:0}.books-header{margin-bottom:16px}.books-header h3{font-family:var(--font-bebas);letter-spacing:.02em;margin-bottom:4px;font-size:clamp(28px,3vw,40px)}.books-header p{color:var(--gray);font-size:13px}.books-expander{gap:6px;height:calc(100vh - 200px);min-height:400px;display:flex}.books-expander .book-col{cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;height:100%;transition:flex .5s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.books-expander .book-col:hover{background:#ffffff0f;border-color:#bd9f6740;flex:5;box-shadow:0 16px 50px #0003}.books-expander .book-col .book-col-inner{flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;padding:12px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex}.books-expander .book-col .book-col-cover{aspect-ratio:3/4;perspective:800px;border-radius:4px;flex-shrink:0;width:100%;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.books-expander .book-col .book-col-cover img{object-fit:cover;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.books-expander .book-col:hover .book-col-cover img{transform:rotateY(-8deg)scale(1.05);box-shadow:8px 8px 30px #0000004d}.books-expander .book-col .book-col-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-bebas);letter-spacing:.08em;color:var(--black);white-space:nowrap;opacity:1;font-size:16px;transition:all .5s cubic-bezier(.16,1,.3,1);transform:rotate(180deg)}.books-expander .book-col:hover .book-col-label{opacity:0;position:absolute}.books-expander .book-col .book-col-details{opacity:0;pointer-events:none;padding:20px;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.books-expander .book-col:hover .book-col-details{opacity:1;pointer-events:auto;transform:translateY(0)}.book-col-details h4{font-family:var(--font-bebas);letter-spacing:.02em;margin-bottom:2px;font-size:20px}.book-col-details .book-col-author{color:var(--gray);margin-bottom:6px;font-size:11px}.book-col-details p{color:#888;margin-bottom:10px;font-size:12px;line-height:1.5}.book-col-details .book-col-tag{color:#bd9f67;letter-spacing:.04em;background:#bd9f671f;border-radius:20px;margin-bottom:4px;margin-right:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.book-col-details .book-read-badge{color:#0a0a0f;font-size:11px;font-weight:600;font-family:var(--font-dm);background:#bd9f67;border-radius:20px;align-items:center;gap:5px;margin-top:8px;padding:6px 14px;transition:all .3s;display:inline-flex}.book-col-details .book-read-badge:hover{opacity:.85;transform:translateY(-1px)}.pdf-viewer-container{background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:18px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.pdf-viewer-toolbar{background:#ffffff0f;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.pdf-toolbar-left{align-items:center;display:flex}.pdf-tb-dots{align-items:center;gap:6px;display:flex}.pdf-tb-dot{border-radius:50%;width:11px;height:11px}.pdf-tb-dot.r{background:#f87171}.pdf-tb-dot.y{background:#fbbf24}.pdf-tb-dot.g{background:#34d399}.pdf-tb-name{color:var(--gray);margin-left:10px;font-size:11px}.pdf-tb-actions{gap:8px;display:flex}.pdf-tb-btn{font-size:11px;font-weight:600;font-family:var(--font-dm);border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;text-decoration:none;transition:all .25s;display:inline-flex}.pdf-tb-btn.primary{background:var(--black);color:var(--bg)}.pdf-tb-btn.ghost{color:var(--black);background:#ffffff14}.pdf-tb-btn:hover{opacity:.85}.pdf-viewer-empty{color:var(--gray);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.pdf-viewer-empty svg{opacity:.3;width:52px;height:52px;margin-bottom:16px}.pdf-viewer-empty p{font-size:13px;line-height:1.7}.pdf-viewer-empty span{letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-top:10px;font-size:11px;display:block}.pdf-viewer-frame{border:none;flex:1;width:100%;display:none}.pdf-book-info{color:var(--gray);background:#ffffff05;border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:none}.pdf-book-info.show{display:flex}.pdf-book-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:.9s infinite blink}.contact-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:100px 44px 44px;display:grid;position:absolute;inset:0}.particle-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.contact-left .label{letter-spacing:.12em;color:#888;text-transform:uppercase;margin-bottom:14px;font-size:11px}.contact-left h2{font-family:var(--font-bebas);margin-bottom:24px;font-size:clamp(50px,7vw,90px);line-height:.92}.contact-left p{color:#888;max-width:360px;font-size:14px;line-height:1.9}.contact-links{flex-direction:column;gap:12px;margin-top:32px;display:flex}.contact-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--black);background:#ffffff0a;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.contact-link:hover{background:#bd9f670f;border-color:#bd9f67;transform:translate(10px)}.contact-link-icon{color:#0a0a0f;background:#bd9f67;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:36px}.contact-form h3{font-family:var(--font-bebas);margin-bottom:24px;font-size:28px}.form-group{margin-bottom:18px}.form-group label{letter-spacing:.08em;color:#888;text-transform:uppercase;margin-bottom:7px;font-size:11px;display:block}.form-group input,.form-group textarea{width:100%;font-family:var(--font-dm);color:var(--black);resize:none;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 16px;font-size:13px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#bd9f67}.form-group.error input,.form-group.error textarea{border-color:#f43f5e}.form-error{color:#f43f5e;margin-top:4px;font-size:11px;display:block}.form-submit{color:#0a0a0f;width:100%;font-family:var(--font-dm);cursor:pointer;letter-spacing:.04em;background:#bd9f67;border:none;border-radius:10px;padding:14px;font-size:14px;font-weight:600;transition:all .3s}.form-submit:hover{background:#d4b87a;transform:translateY(-2px)}.form-submit:active{transform:translateY(0)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.sent-msg{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:none}.sent-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.sent-msg h4{font-family:var(--font-bebas);font-size:24px}.sent-msg p{color:var(--gray);font-size:13px}#progress-bar{z-index:999999;background:linear-gradient(90deg,#bd9f67,#d4b87a);width:0%;height:2px;transition:width .4s;position:fixed;top:0;left:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;gap:5px;padding:6px;transition:all .2s;display:none}.hamburger span{background:var(--black);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9000;background:#0a0a0ff7;flex-direction:column;gap:4px;width:min(280px,80vw);height:100%;padding:80px 20px 40px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #0000004d}.mobile-nav.open{transform:translate(0)}.mobile-nav a{color:var(--black);cursor:pointer;border-radius:10px;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav a:hover,.mobile-nav a:active{background:#ffffff0f}.mobile-nav-overlay{z-index:8999;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1;pointer-events:all}.bottom-nav{z-index:8998;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px 0 max(8px,env(safe-area-inset-bottom));background:#0a0a0ff2;border-top:1px solid #ffffff14;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--gray);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;text-decoration:none;transition:all .2s;display:flex}.bottom-nav a svg{width:20px;height:20px}.bottom-nav a.active{color:#bd9f67}.marquee-wrap{z-index:30;opacity:0;padding:16px 0;position:absolute;bottom:80px;left:0;right:0;overflow:hidden}.marquee-track{white-space:nowrap;gap:40px;animation:20s linear infinite marqueeScroll;display:flex}.marquee-track span{font-family:var(--font-bebas);color:#ffffff0f;letter-spacing:.06em;flex-shrink:0;font-size:clamp(28px,4vw,48px);transition:color .3s}.marquee-track span:hover{color:#bd9f674d}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.page{will-change:opacity}.movie-card,.ftag,nav{will-change:transform}#cur-outer,#cur-dot{will-change:left,top}.confetti-container{z-index:99999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:8px;height:8px;animation:linear forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.music-widget-wrap{z-index:9999;position:fixed;bottom:18px;right:18px}.music-widget{align-items:flex-end;display:flex;position:relative}.music-widget-mini{cursor:pointer;background:#1a1a2e;border:4px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000004d}.music-widget-mini:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006}.music-widget-mini img{object-fit:cover;width:100%;height:100%;display:block}.music-player-panel{opacity:0;pointer-events:none;width:360px;transition:all .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;right:0;transform:translateY(88%)}.music-player-panel.show{opacity:1;pointer-events:auto;transform:translateY(0)}.music-panel-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141ef2;border:1px solid #ffffff14;border-radius:14px;padding:12px;box-shadow:0 12px 40px #0006}.music-panel-top{align-items:center;gap:12px;margin-bottom:8px;display:flex}.music-panel-cover{border:3px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:64px;height:64px;overflow:hidden}.music-panel-cover img{object-fit:cover;width:100%;height:100%}.music-art-rotating{transition:transform .6s linear}.music-art-rotating.playing{animation:3s linear infinite spin}.music-panel-info{flex:1;min-width:0}.music-panel-title{white-space:nowrap;text-overflow:ellipsis;color:var(--black);font-size:14px;font-weight:700;overflow:hidden}.music-panel-artist{color:var(--gray);font-size:12px}.play-btn{color:#0a0a0f;font-size:12px;font-weight:600;font-family:var(--font-dm);cursor:pointer;background:#bd9f67;border:none;border-radius:20px;flex-shrink:0;padding:8px 16px;transition:all .3s}.play-btn:hover{background:#d4b87a}.music-panel-progress{color:var(--gray);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.music-panel-progress input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.music-panel-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#bd9f67;border-radius:50%;width:12px;height:12px}.music-panel-actions{gap:10px;display:flex}.upload-btn{color:var(--black);font-size:12px;font-weight:500;font-family:var(--font-dm);cursor:pointer;background:#ffffff0f;border:none;border-radius:20px;padding:8px 16px;transition:all .3s}.upload-btn:hover{background:#ffffff1f}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.theme-light{--bg:#ebebeb;--black:#111;--gray:#8d8d8d;--tag:#ffffffd7;color:#111;background:#ebebeb}body.theme-light nav{background:#ebebebe0!important;border-bottom-color:#0000000f!important}body.theme-light .loader-half{background:#ebebeb}body.theme-light .loader-half h1{color:#111}body.theme-light .wm{color:#0000000a}body.theme-light .movie-card{background:#f5f5f3}body.theme-light .card-title{color:#111}body.theme-light .card-desc{color:#666}body.theme-light .card-cta{color:#111}body.theme-light .card-overlay{background:linear-gradient(#0000 0%,#f5f5f366 50%,#f5f5f3f2 100%)}body.theme-light .card-border{border-color:#111}body.theme-light .card-tag-badge{color:#111;border-color:#0003}body.theme-light .hero-title span{background:linear-gradient(135deg,#111 0%,#8d8d8d 100%);-webkit-background-clip:text;background-clip:text}body.theme-light .marquee-track span{color:#0000000f}body.theme-light .book-col{background:#ffffff80!important;border-color:#00000014!important}body.theme-light .book-col:hover{background:#fffc!important;border-color:#00000026!important}body.theme-light .contact-form{background:#ffffff80;border-color:#00000014}body.theme-light .contact-link{background:#ffffff80}body.theme-light .form-group input,.theme-light .form-group textarea{color:#111;background:#ffffffb3;border-color:#0000001a}body.theme-light .form-submit{color:#fff;background:#111}body.theme-light .music-widget-mini{background:#fff;border-color:#ddd}body.theme-light .music-panel-inner{background:#fff;border-color:#0000000f}body.theme-light .music-panel-title{color:#111}body.theme-light .skill-pill{border-color:#0000001f}body.theme-light .skill-fill{background:linear-gradient(90deg,#111,#555)}body.theme-light .bottom-nav{background:#f8f8f7f2;border-top-color:#0000000f}body.theme-light ::-webkit-scrollbar-thumb{background:#00000026}body.theme-dark{--bg:#0a0a0f;--black:#e8e8f0;--gray:#6b6b80;--tag:#1c1c2ad7;--accent:#a78bfa;color:#e8e8f0;background:#0a0a0f}body.theme-dark nav{background:#0a0a0fe0!important;border-bottom-color:#ffffff12!important}body.theme-dark .wm{color:#ffffff08}body.theme-dark .movie-card{background:#12121c;box-shadow:0 8px 30px #0000004d}body.theme-dark .movie-card:hover{box-shadow:0 24px 60px #0006}body.theme-dark .card-border{border-color:#a78bfa}body.theme-dark .card-tag-badge{color:#a78bfa;border-color:#a78bfa4d}body.theme-dark .card-title{color:#a78bfa}body.theme-dark .card-desc{color:#a78bfa99}body.theme-dark .card-cta{color:#a78bfa}body.theme-dark .card-overlay{background:linear-gradient(#0000 0%,#12121c66 50%,#12121cf2 100%)}body.theme-dark .book-col{background:#ffffff0a!important;border-color:#ffffff14!important}body.theme-dark .book-col:hover{background:#ffffff0f!important;border-color:#a78bfa40!important}body.theme-dark .book-col-label,body.theme-dark .book-col-details h4{color:#e8e8f0}body.theme-dark .book-col-details p{color:#94a3b8}body.theme-dark .book-col-tag{color:#a78bfa;background:#a78bfa1f}body.theme-dark .book-read-badge{color:#0a0a0f;background:#a78bfa}body.theme-dark .contact-form{background:#ffffff0a!important;border-color:#ffffff14!important}body.theme-dark .contact-link{color:#e8e8f0!important;background:#ffffff0a!important}body.theme-dark .contact-link:hover{border-color:#a78bfa!important}body.theme-dark .form-group input,body.theme-dark .form-group textarea{color:#e8e8f0!important;background:#ffffff0f!important;border-color:#ffffff1f!important}body.theme-dark .form-group input:focus,body.theme-dark .form-group textarea:focus{border-color:#a78bfa!important}body.theme-dark .about-badge,body.theme-dark .form-submit,body.theme-dark .contact-link-icon{color:#0a0a0f!important;background:#a78bfa!important}body.theme-dark .skill-pill:hover{border-color:#a78bfa!important}body.theme-dark .skill-fill{background:linear-gradient(90deg,#a78bfa,#7c3aed)}body.theme-dark .tech-pill{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa40}body.theme-dark .project-btn.primary{color:#0a0a0f;background:#a78bfa}body.theme-dark .timeline-dot{background:#a78bfa}body.theme-dark #progress-bar{background:linear-gradient(90deg,#a78bfa,#7c3aed)!important}body.theme-dark .nav-logo:hover{color:#0a0a0f;background:#a78bfa;border-color:#a78bfa}body.theme-dark .pdf-viewer-container{background:#ffffff05;border-color:#ffffff0f}body.theme-dark .hero-title span{background:linear-gradient(135deg,#e8e8f0 0%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text}body.theme-dark .marquee-track span{color:#ffffff0a}body.theme-dark .marquee-track span:hover{color:#a78bfa33}body.theme-dark ::-webkit-scrollbar-thumb{background:#ffffff1a}body.theme-dark .hamburger span,body.theme-glass .hamburger span{background:var(--black)}body.theme-glass{--black:#e0f2fe;--gray:#94a3b8;--tag:#ffffff1f;--accent:#38bdf8;color:#e0f2fe;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 45%,#0c4a6e 100%) fixed}body.theme-glass nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172abf!important;border-bottom-color:#ffffff1a!important}body.theme-glass .loader-half{background:#0f172af2}body.theme-glass .wm{color:#ffffff08}body.theme-glass .movie-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12121cb3;border:1px solid #ffffff1f;box-shadow:0 8px 30px #0003}body.theme-glass .movie-card:hover{border-color:#38bdf833;box-shadow:0 24px 60px #0000004d}body.theme-glass .card-border{border-color:#38bdf8}body.theme-glass .card-tag-badge{color:#38bdf8;border-color:#38bdf84d}body.theme-glass .card-title{color:#38bdf8}body.theme-glass .card-desc{color:#38bdf899}body.theme-glass .card-cta{color:#38bdf8}body.theme-glass .card-overlay{background:linear-gradient(#0000 0%,#0f172a66 50%,#0f172af2 100%)}body.theme-glass .book-col{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f!important;border-color:#ffffff26!important}body.theme-glass .book-col:hover{border-color:#38bdf840!important}body.theme-glass .book-col-label,body.theme-glass .book-col-details h4{color:#e0f2fe}body.theme-glass .book-col-details p{color:#94a3b8}body.theme-glass .book-col-tag{color:#38bdf8;background:#38bdf81f}body.theme-glass .book-read-badge{color:#0f172a;background:#38bdf8}body.theme-glass .contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff12!important;border-color:#ffffff2e!important}body.theme-glass .contact-link{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e0f2fe!important;background:#ffffff0f!important;border-color:#ffffff26!important}body.theme-glass .contact-link:hover{border-color:#38bdf8!important}body.theme-glass .form-group input,body.theme-glass .form-group textarea{color:#e0f2fe!important;background:#ffffff14!important;border-color:#ffffff26!important}body.theme-glass .form-group input:focus,body.theme-glass .form-group textarea:focus{border-color:#38bdf8!important}body.theme-glass .about-badge{border:1px solid #38bdf8;color:#38bdf8!important;background:#38bdf833!important}body.theme-glass .form-submit{color:#0f172a!important;background:linear-gradient(135deg,#38bdf8,#818cf8)!important}body.theme-glass .contact-link-icon{color:#38bdf8!important;background:#38bdf833!important}body.theme-glass .skill-pill{color:#e0f2fe;border-color:#ffffff2e}body.theme-glass .skill-fill{background:linear-gradient(90deg,#38bdf8,#818cf8)}body.theme-glass .skill-pill:hover{border-color:#38bdf8!important}body.theme-glass .tech-pill{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840}body.theme-glass .project-btn.primary{color:#0f172a;background:#38bdf8}body.theme-glass .timeline-dot{background:#38bdf8}body.theme-glass #progress-bar{background:linear-gradient(90deg,#38bdf8,#818cf8)!important}body.theme-glass .nav-logo{color:#38bdf8;border-color:#38bdf880}body.theme-glass .nav-logo:hover{color:#0f172a;background:#38bdf8}body.theme-glass .nav-links a{color:#e0f2fe}body.theme-glass .nav-links a:after{background:#38bdf8}body.theme-glass .hero-title span{background:linear-gradient(135deg,#e0f2fe 0%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text}body.theme-glass .marquee-track span{color:#ffffff0a}body.theme-glass .marquee-track span:hover{color:#38bdf833}body.theme-glass .pdf-viewer-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-color:#ffffff1a}body.theme-glass .music-panel-inner{background:#0f172ae6;border-color:#ffffff1a}body.theme-glass ::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width:1024px){.hero-title{font-size:clamp(70px,9vw,110px)}.hero-content{bottom:100px;left:32px}.movie-grid{grid-template-columns:1fr 1fr;gap:14px;padding:80px 24px 24px}.about-inner{gap:28px;padding:80px 24px 24px}.books-container{gap:18px;padding:80px 24px 24px}.contact-inner{gap:36px;padding:90px 24px 24px}}@media (max-width:768px){nav{padding:14px 20px}.nav-links{display:none}.hamburger{display:flex}.theme-btn-label{display:none}.theme-btn{padding:8px 12px}.bottom-nav{display:flex}.page{-webkit-overflow-scrolling:touch;padding-bottom:70px;position:fixed;inset:0;overflow:hidden auto}.wm{font-size:clamp(60px,18vw,110px);right:-10px}.hero-content{bottom:120px;left:20px;right:20px}.hero-title{font-size:clamp(64px,14vw,96px)}.hero-img img{object-position:top center;max-width:100vw}.hero-power p{max-width:100%}.ftag{display:none}.movie-grid{grid-template-columns:1fr 1fr;gap:12px;padding:76px 16px 80px}.movie-card:first-child{grid-column:span 2}.movie-card{min-height:auto;overflow:hidden}.project-overlay{padding:20px}.project-expanded-bg{height:200px}.about-inner{grid-template-columns:1fr;gap:20px;padding:76px 16px 80px}.about-img-wrap{height:38vh;min-height:220px}.about-stats{gap:16px}.stat h3{font-size:24px}.skill-pill{width:calc(50% - 4px)}.books-container{grid-template-columns:1fr;gap:16px;height:auto;padding:76px 16px 80px;position:static;overflow-y:visible}.books-expander{flex-direction:column;height:auto;min-height:0}.books-expander .book-col{height:auto;min-height:60px}.books-expander .book-col:hover{flex:1}.books-expander .book-col .book-col-label{writing-mode:horizontal-tb;font-size:14px;transform:none}.books-expander .book-col .book-col-cover{display:none}.books-expander .book-col .book-col-details{opacity:1;pointer-events:auto;padding:0;position:relative;transform:none}.book-col-details p{display:none}.pdf-viewer-container{min-height:280px;margin-top:12px}.book-col:hover{transform:none}.contact-inner{-webkit-overflow-scrolling:touch;grid-template-columns:1fr;gap:20px;padding:76px 16px 80px;overflow-y:auto}.contact-left h2{font-size:clamp(40px,12vw,70px)}.slide-dots{gap:7px;right:10px}.slide-num{font-size:9px}.dot{width:5px;height:5px}.scroll-hint{font-size:10px;left:16px}.char-icon{width:32px;height:32px;right:16px}.music-widget-wrap{bottom:60px;right:10px}.music-player-panel{border-radius:16px;width:calc(100vw - 32px);bottom:16px;left:16px;right:16px}.theme-dropdown{left:0;right:auto}#progress-bar{height:2px}}@media (max-width:480px){nav{padding:12px 16px}.nav-logo{width:36px;height:36px;font-size:12px}.hero-title{font-size:clamp(52px,14vw,80px)}.hero-content{bottom:100px;left:16px;right:16px}.movie-grid{grid-template-columns:1fr;gap:10px;padding:70px 14px 80px}.movie-card:first-child{grid-column:span 1}.about-inner{padding:70px 14px 80px}.about-stats{flex-wrap:wrap;gap:10px}.stat{min-width:calc(50% - 5px)}.skill-pill{width:100%}.books-container,.contact-inner{padding:70px 14px 80px}.contact-form{padding:22px 18px}.mobile-nav a{padding:16px;font-size:17px}.form-submit{min-height:48px;font-size:15px}}@media (max-height:500px) and (max-width:900px){.hero-title{font-size:clamp(40px,8vh,72px)}.hero-content{bottom:40px}.movie-grid,.about-inner,.books-container,.contact-inner{padding-top:64px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (hover:none){*{cursor:auto!important}.movie-card:hover,.book-col:hover{transform:none!important}.ftag{animation:none}.tilt-tag{transform:none!important}#cur-outer,#cur-dot{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
