@import"https://fonts.googleapis.com/css2?family=Shrikhand&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";.venn-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;display:flex;justify-content:center;align-items:center}.venn-wrapper{position:relative;width:400px;height:400px}.venn-circle{position:absolute;width:200px;height:200px;border-radius:50%;background:#f7f0f0;border:none;box-shadow:10px 10px 20px #d1c9c9,-10px -10px 20px #fff;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;z-index:10;transition:all .5s cubic-bezier(.34,1.56,.64,1);color:#2a1a1a;font-weight:500}.orbit-track{position:absolute;width:440px;height:440px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;animation:rotate-track 60s linear infinite;z-index:5}.venn-circle.orbiter{pointer-events:auto}.counter-rotate-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%;animation:counter-rotate 60s linear infinite}@keyframes rotate-track{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.venn-circle.orbiter{top:50%;left:50%;margin:0;transform-origin:center;transform:translate(-50%,-50%)}.venn-circle.position-0{top:0%;left:50%}.venn-circle.position-1{top:34.5%;left:97.5%}.venn-circle.position-2{top:90.5%;left:79.5%}.venn-circle.position-3{top:90.5%;left:20.5%}.venn-circle.position-4{top:34.5%;left:2.5%}.venn-circle.orbiter:hover{transform:translate(-50%,-50%) scale(1.1);z-index:100;box-shadow:0 0 40px #fff6}.venn-circle.orbiter:hover .content{transform:none}.venn-circle.avatar-container{top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:220px;height:220px;border-radius:50%;background:transparent;box-shadow:none!important;border:none!important;outline:none!important;background:transparent!important;overflow:visible;overflow:hidden;padding:0;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.venn-circle.avatar-container:hover{transform:translate(-50%,-50%) scale(1.15)}.avatar-content{width:100%;height:100%;display:block;overflow:hidden;border-radius:50%;border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important}.avatar-sprite{width:100%;height:100%;background-image:url(/images/avatar.gif?v=new);background-repeat:no-repeat;background-size:cover;background-position:center center}.venn-circle[data-id=hobbies] .content span{display:none}@keyframes flicker{0%{box-shadow:0 0 20px #ff450066}50%{box-shadow:0 0 40px #ff8c0099}to{box-shadow:0 0 20px #ff450066}}.venn-circle[data-id=hobbies]{background:radial-gradient(circle at 50% 70%,#ff450033,#ff8c001a 60%,#fff0);border:1px solid rgba(255,69,0,.3);animation:flicker 4s infinite ease-in-out;overflow:hidden;box-shadow:10px 10px 20px #d1c9c9,-10px -10px 20px #fff,inset 0 0 30px #ff450033}.venn-circle[data-id=hobbies]:after{content:"";position:absolute;bottom:-10%;left:10%;width:80%;height:90%;background:radial-gradient(ellipse at center,rgba(255,69,0,.7) 0%,transparent 70%);filter:blur(8px);animation:flicker 2s infinite alternate-reverse;z-index:-1}.venn-circle[data-id=films] .content span{display:none}@keyframes wave{0%{transform:translate(-50%) translateY(0) rotate(0)}50%{transform:translate(-50%) translateY(-10px) rotate(5deg)}to{transform:translate(-50%) translateY(0) rotate(0)}}.venn-circle[data-id=films]{overflow:hidden}.venn-circle[data-id=films]:before,.venn-circle[data-id=films]:after{display:none}.wave-layer{position:absolute;left:50%;width:300%;height:300%;background-color:#1e90ff66;border-radius:40%;transform:translate(-50%);z-index:1}.wave-1{bottom:-40%;background:linear-gradient(to top,#1e90ff66,#ffffff4d);animation:wave 10s infinite linear}.wave-2{bottom:-45%;background:linear-gradient(to top,#1e90ff80,#fff3);animation:wave 15s infinite linear reverse}.wave-3{bottom:-50%;background:linear-gradient(to top,#1e90ff99,#c8e6ff4d);animation:wave 8s infinite linear}.sailboat{position:absolute;bottom:25%;left:-20%;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2C12 2 13 8 13 12H19L12 2ZM11 12H5L11 3V12ZM4 14H20L12 22L4 14Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;z-index:5;animation:sail 20s linear infinite}@keyframes sail{0%{transform:translate(0) rotate(0) translateY(0)}25%{transform:translate(60px) rotate(5deg) translateY(-2px)}50%{transform:translate(120px) rotate(-3deg) translateY(2px)}75%{transform:translate(180px) rotate(2deg) translateY(-1px)}to{transform:translate(250px) rotate(0) translateY(0)}}.sailboat2{bottom:40%;left:-30%;width:25px;height:25px;animation:sail 25s linear infinite;animation-delay:8s;opacity:.85}.fish{position:absolute;width:18px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 30'%3E%3C!-- Fish body --%3E%3Cellipse cx='25' cy='15' rx='15' ry='8' fill='%23FF6B35' opacity='0.8'/%3E%3C!-- Tail --%3E%3Cpath d='M 10 15 L 2 10 L 2 20 Z' fill='%23FF6B35' opacity='0.8'/%3E%3C!-- Eye --%3E%3Ccircle cx='35' cy='12' r='2' fill='%23333'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.7;z-index:2}.fish1{bottom:60%;left:20%;animation:swim 15s ease-in-out infinite}.fish2{bottom:35%;left:60%;animation:swim 18s ease-in-out infinite;animation-delay:5s;transform:scaleX(-1)}@keyframes swim{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(30px) translateY(-10px)}50%{transform:translate(60px) translateY(5px)}75%{transform:translate(30px) translateY(-5px)}}.whale{position:absolute;bottom:20%;left:-20%;width:45px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3C!-- Whale body --%3E%3Cellipse cx='55' cy='35' rx='35' ry='20' fill='%231E90FF' opacity='0.85'/%3E%3C!-- Head --%3E%3Cellipse cx='85' cy='35' rx='15' ry='18' fill='%231E90FF' opacity='0.85'/%3E%3C!-- Tail --%3E%3Cpath d='M 20 35 Q 10 25 5 20 Q 10 30 10 35 Q 10 40 5 50 Q 10 45 20 35 Z' fill='%231E90FF' opacity='0.85'/%3E%3C!-- Eye --%3E%3Ccircle cx='88' cy='30' r='3' fill='%23333'/%3E%3C!-- Water spout --%3E%3Cpath d='M 85 15 L 83 5 M 85 15 L 87 5' stroke='%2387CEEB' stroke-width='2' opacity='0.6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.8;z-index:2;animation:whaleSwim 30s linear infinite}@keyframes whaleSwim{0%{transform:translate(0)}to{transform:translate(250px)}}.venn-circle[data-id=tech] .content span{display:none}@keyframes scan{0%{background-position:0% 0%}to{background-position:20px 20px}}.venn-circle[data-id=tech]{background-size:20px 20px;overflow:hidden}.venn-circle[data-id=tech]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(139,0,0,.2) 100%);pointer-events:none}.mountain{position:absolute;bottom:0;width:0;height:0;border-style:solid;opacity:.4;z-index:1}.mountain1{left:10%;border-width:0 40px 70px 40px;border-color:transparent transparent rgba(139,0,0,.8) transparent}.mountain2{left:35%;border-width:0 50px 85px 50px;border-color:transparent transparent rgba(139,0,0,.9) transparent}.mountain3{right:15%;border-width:0 35px 60px 35px;border-color:transparent transparent rgba(139,0,0,.7) transparent}.bicycle{position:absolute;bottom:30%;left:-15%;width:35px;height:25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3C!-- Wheels --%3E%3Ccircle cx='20' cy='55' r='15' fill='none' stroke='%23333' stroke-width='3'/%3E%3Ccircle cx='80' cy='55' r='15' fill='none' stroke='%23333' stroke-width='3'/%3E%3C!-- Frame --%3E%3Cpath d='M 50 20 L 35 55 M 50 20 L 65 55 M 35 55 L 65 55 M 50 20 L 80 55 M 20 55 L 35 55' stroke='%238B0000' stroke-width='2.5' fill='none'/%3E%3C!-- Handlebars --%3E%3Cpath d='M 50 20 L 50 15 L 45 12 M 50 15 L 55 12' stroke='%23333' stroke-width='2'/%3E%3C!-- Seat --%3E%3Crect x='60' y='18' width='8' height='3' fill='%238B0000'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.85;z-index:2;animation:cycle 18s linear infinite}@keyframes cycle{0%{transform:translate(0)}to{transform:translate(220px)}}.hiker{position:absolute;width:22px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 70'%3E%3C!-- Backpack --%3E%3Crect x='18' y='22' width='14' height='18' rx='2' fill='%238B0000' opacity='0.9'/%3E%3C!-- Body --%3E%3Cellipse cx='25' cy='35' rx='8' ry='12' fill='%23d05e26'/%3E%3C!-- Head --%3E%3Ccircle cx='25' cy='15' r='7' fill='%23f5cba7'/%3E%3C!-- Legs walking --%3E%3Cpath d='M 22 47 L 18 65' stroke='%23d05e26' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M 28 47 L 32 65' stroke='%23d05e26' stroke-width='3' stroke-linecap='round'/%3E%3C!-- Walking stick --%3E%3Cpath d='M 15 25 L 12 55' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.8;z-index:2}.hiker1{bottom:45%;left:15%;animation:hike 20s linear infinite}.hiker2{bottom:55%;left:5%;animation:hike 24s linear infinite;animation-delay:8s}@keyframes hike{0%{transform:translate(0) scaleX(1)}48%{transform:translate(80px) scaleX(1)}52%{transform:translate(80px) scaleX(-1)}to{transform:translate(0) scaleX(-1)}}.venn-circle[data-id=views] .content span{display:none}@keyframes drift{0%{transform:translate(-20%);opacity:.8}50%{transform:translate(20%);opacity:.4}to{transform:translate(-20%);opacity:.8}}.venn-circle[data-id=views]{overflow:hidden}.venn-circle[data-id=views]:before{content:"";position:absolute;top:30px;left:-50%;width:200%;height:60px;background:radial-gradient(circle,rgba(255,255,255,.9) 20%,transparent 60%);background-size:100px 60px;filter:blur(8px);animation:drift 8s ease-in-out infinite alternate;opacity:.7}.venn-circle[data-id=views]:after{content:"";position:absolute;top:80px;left:-40%;width:180%;height:50px;background:radial-gradient(circle,rgba(255,255,255,.8) 20%,transparent 60%);background-size:80px 50px;filter:blur(12px);animation:drift 12s ease-in-out infinite alternate-reverse;opacity:.5}.venn-circle[data-id=education] .content span{display:none}@keyframes mist{0%{background-position:0% 0%}to{background-position:200% 0%}}.venn-circle[data-id=education]:after{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(255,255,255,.4) 100%);animation:breathe 6s infinite ease-in-out alternate;pointer-events:none}.leaf{position:absolute;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d05e26'%3E%3Cpath d='M17,8C8,10,5.9,16.17,3.82,21.34L5.71,22l1-2.3A4.49,4.49,0,0,0,8,20.89c5.69-2.07,7.84-2.19,9.45-3.09a2.76,2.76,0,0,1,1.86-.29c1.55.26,3.69,2.83,3.69,2.83l1.83-.87L22.6,18c-1.35-1.12-1.78-3.09-2.27-4.1C18.23,19.34,16.73,8.74,17,8Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.8;pointer-events:none}.leaf-1{top:20%;left:20%;animation:floatLeaf 15s ease-in-out infinite}.leaf-2{top:60%;right:25%;animation:floatLeaf 20s ease-in-out infinite reverse;animation-delay:2s;width:15px;height:15px}.leaf-3{bottom:30%;left:30%;animation:floatLeaf 18s ease-in-out infinite;animation-delay:5s;width:18px;height:18px}.leaf-4{top:40%;left:10%;animation:floatLeaf 22s ease-in-out infinite reverse;animation-delay:1s;width:16px;height:16px;opacity:.6}.leaf-5{top:15%;right:15%;animation:floatLeaf 16s ease-in-out infinite;animation-delay:3s;width:19px;height:19px}.leaf-6{bottom:20%;right:30%;animation:floatLeaf 19s ease-in-out infinite reverse;animation-delay:6s;width:14px;height:14px;transform:rotate(90deg)}.maple-tree{position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3C!-- Roots --%3E%3Cpath d='M48 85 Q 40 95 30 98 M 52 85 Q 60 95 70 98 M 50 85 Q 50 95 50 100 M 45 85 Q 35 90 25 90 M 55 85 Q 65 90 75 90' stroke='%235D4037' stroke-width='2' fill='none' /%3E%3C!-- Trunk --%3E%3Cpath d='M50 85 L 50 50' stroke='%235D4037' stroke-width='6' stroke-linecap='round' /%3E%3C!-- Fall Foliage --%3E%3Ccircle cx='50' cy='40' r='25' fill='%23d05e26' opacity='0.9' /%3E%3Ccircle cx='30' cy='50' r='18' fill='%23e67e22' opacity='0.85' /%3E%3Ccircle cx='70' cy='50' r='18' fill='%23c0392b' opacity='0.85' /%3E%3Ccircle cx='50' cy='25' r='15' fill='%23d35400' opacity='0.9' /%3E%3Ccircle cx='25' cy='35' r='12' fill='%23e74c3c' opacity='0.8' /%3E%3Ccircle cx='75' cy='35' r='12' fill='%23e67e22' opacity='0.8' /%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.95;z-index:1;pointer-events:none}.film-strip-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(0,0,0,.05) 38px,rgba(0,0,0,.05) 42px);pointer-events:none;z-index:0;opacity:.5}.cloud{position:absolute;background:#fff6;border-radius:20px;filter:blur(8px);z-index:1}.cloud-1{width:60px;height:30px;top:20%;left:10%;animation:drift 20s infinite alternate ease-in-out}.cloud-2{width:50px;height:25px;top:60%;right:15%;animation:drift 25s infinite alternate-reverse ease-in-out;opacity:.5}.cloud-3{width:70px;height:35px;top:10%;right:30%;animation:drift 22s infinite alternate ease-in-out;opacity:.6}.cloud-4{width:45px;height:22px;bottom:20%;left:20%;animation:drift 28s infinite alternate-reverse ease-in-out;opacity:.4}.plane{position:absolute;top:30%;right:-20%;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M21,16V14l-8-5V3.5A1.5,1.5,0,0,0,11.5,2h0A1.5,1.5,0,0,0,10,3.5V9L2,14v2l8-2.5V19l-2,1.5V22l3.5-1,3.5,1V20.5L13,19V13.5Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;z-index:2;transform:rotate(-90deg);animation:flyBy 12s linear infinite}@keyframes flyBy{0%{transform:translate(250px) translateY(0) rotate(-90deg)}to{transform:translate(-250px) translateY(-50px) rotate(-90deg)}}.skydiver{position:absolute;top:-20%;left:50%;width:45px;height:55px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3C!-- Yellow/Orange Parachute --%3E%3Cpath d='M20 25 Q 20 8 50 8 Q 80 8 80 25 Q 80 35 50 38 Q 20 35 20 25 Z' fill='%23f39c12' opacity='0.95'/%3E%3Cpath d='M25 28 Q 25 15 50 15 Q 75 15 75 28 Q 75 33 50 35 Q 25 33 25 28 Z' fill='%23e67e22' opacity='0.9'/%3E%3C!-- Parachute lines --%3E%3Cline x1='25' y1='35' x2='45' y2='65' stroke='%23333' stroke-width='0.8'/%3E%3Cline x1='38' y1='33' x2='48' y2='65' stroke='%23333' stroke-width='0.8'/%3E%3Cline x1='50' y1='32' x2='50' y2='65' stroke='%23333' stroke-width='0.8'/%3E%3Cline x1='62' y1='33' x2='52' y2='65' stroke='%23333' stroke-width='0.8'/%3E%3Cline x1='75' y1='35' x2='55' y2='65' stroke='%23333' stroke-width='0.8'/%3E%3C!-- Person (blue suit) --%3E%3Cellipse cx='50' cy='70' rx='5' ry='6' fill='%2300bcd4'/%3E%3Crect x='45' y='76' width='10' height='18' rx='2' fill='%2300bcd4'/%3E%3C!-- Head --%3E%3Ccircle cx='50' cy='62' r='6' fill='%23f5cba7'/%3E%3C!-- Arms --%3E%3Cpath d='M 45 78 L 38 72 L 40 70 L 46 76' fill='%2300bcd4'/%3E%3Cpath d='M 55 78 L 62 72 L 60 70 L 54 76' fill='%2300bcd4'/%3E%3C!-- Legs --%3E%3Cpath d='M 47 94 L 45 108 L 48 108 L 49 94' fill='%2300bcd4'/%3E%3Cpath d='M 53 94 L 55 108 L 52 108 L 51 94' fill='%2300bcd4'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.95;z-index:3;animation:skydive 10s ease-in infinite;animation-delay:2s}@keyframes skydive{0%{top:-20%;transform:rotate(0) scale(.6);opacity:0}20%{opacity:1}to{top:120%;transform:rotate(45deg) scale(1);opacity:1}}.skydiver2{position:absolute;top:-30%;left:30%;width:42px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3C!-- Body (yellow/orange suit) --%3E%3Cellipse cx='50' cy='40' rx='12' ry='15' fill='%23f39c12'/%3E%3C!-- Head --%3E%3Ccircle cx='50' cy='25' r='8' fill='%23f5cba7'/%3E%3C!-- Goggles/helmet --%3E%3Crect x='45' y='23' width='10' height='4' rx='2' fill='%2300bcd4' opacity='0.9'/%3E%3C!-- Arms spread wide --%3E%3Cpath d='M 38 35 Q 20 28 8 32 L 10 35 Q 22 31 38 38' fill='%23f39c12'/%3E%3Cpath d='M 62 35 Q 80 28 92 32 L 90 35 Q 78 31 62 38' fill='%23f39c12'/%3E%3C!-- Legs spread --%3E%3Cpath d='M 45 50 Q 35 62 28 72 L 31 73 Q 38 63 46 52' fill='%23f39c12'/%3E%3Cpath d='M 55 50 Q 65 62 72 72 L 69 73 Q 62 63 54 52' fill='%23f39c12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;z-index:3;animation:freefall 12s ease-in infinite;animation-delay:5s}@keyframes freefall{0%{top:-30%;transform:rotate(-10deg) scale(.5);opacity:0}15%{opacity:1}to{top:110%;transform:rotate(20deg) scale(1.1);opacity:1}}@keyframes floatLeaf{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-20px) rotate(45deg)}66%{transform:translate(-20px,10px) rotate(90deg)}to{transform:translate(0) rotate(0)}}.venn-circle:hover{z-index:30;transform:scale(1.1);box-shadow:0 0 30px #fff6;background:#ffffff26}.venn-circle.active{z-index:40!important;transform:scale(1.15)!important;background:#ffffff40;box-shadow:0 0 50px #fff9;border-color:#fff;color:#fff}.content h3{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.content span{font-size:.9rem;opacity:.8;font-style:italic}.background-effects-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.star{position:absolute;background-color:#fff;border-radius:50%;opacity:.8;animation:twinkle var(--duration) infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.comet{position:absolute;width:2px;height:2px;background:linear-gradient(to right,#fff0,#fff,#fff0);box-shadow:0 0 10px 2px #fff6;border-radius:50%;transform:rotate(-45deg);opacity:0;animation:shoot var(--duration) linear infinite;animation-delay:var(--delay)}.comet:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:1px;background:linear-gradient(to left,rgba(255,255,255,.8),transparent)}@keyframes shoot{0%{transform:translate(0) rotate(-45deg) scale(1);opacity:1}to{transform:translate(-500px,500px) rotate(-45deg) scale(.5);opacity:0}}.bg-plane{position:absolute;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath d='M21,16V14l-8-5V3.5A1.5,1.5,0,0,0,11.5,2h0A1.5,1.5,0,0,0,10,3.5V9L2,14v2l8-2.5V19l-2,1.5V22l3.5-1,3.5,1V20.5L13,19V13.5Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.4;z-index:1;transform:rotate(-90deg);animation:bgFlyBy var(--duration) linear infinite;top:var(--top)}@keyframes bgFlyBy{0%{transform:translate(110vw) rotate(-90deg)}to{transform:translate(-10vw) rotate(-90deg)}}.bg-leaf{position:absolute;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d05e26'%3E%3Cpath d='M17,8C8,10,5.9,16.17,3.82,21.34L5.71,22l1-2.3A4.49,4.49,0,0,0,8,20.89c5.69-2.07,7.84-2.19,9.45-3.09a2.76,2.76,0,0,1,1.86-.29c1.55.26,3.69,2.83,3.69,2.83l1.83-.87L22.6,18c-1.35-1.12-1.78-3.09-2.27-4.1C18.23,19.34,16.73,8.74,17,8Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.6;animation:bgFloatLeaf var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--left);top:-50px}@keyframes bgFloatLeaf{0%{transform:translate(0) rotate(0);top:-50px;opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(var(--sway),110vh) rotate(360deg);top:110vh;opacity:0}}.landscape-container{position:absolute;bottom:0;left:0;width:100%;height:400px;overflow:hidden;z-index:0;pointer-events:none}.landscape-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background-repeat:repeat-x;will-change:background-position}.mountains{height:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' preserveAspectRatio='none'%3E%3Cpath d='M0,150 L150,50 L300,150 L450,20 L650,150 L800,60 L950,150 L1050,40 L1200,150 Z' fill='%23eaf6f7' opacity='0.9' /%3E%3Cpath d='M150,50 L200,80 L100,80 Z M450,20 L500,60 L400,60 Z M800,60 L850,90 L750,90 Z M1050,40 L1100,70 L1000,70 Z' fill='%23ffffff' opacity='0.8' /%3E%3C/svg%3E");background-size:1200px 100%;animation:moveRight 80s linear infinite;z-index:1;bottom:-10px}.ocean{height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0,20 C200,45 400,0 600,20 C800,40 1000,10 1200,20 L1200,60 L0,60 Z' fill='%235a9bd6' opacity='0.7' /%3E%3C/svg%3E");background-size:600px 100%;animation:moveRight 60s linear infinite;z-index:2;bottom:0}.ocean-foreground{height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0,15 C300,0 500,30 800,15 C1000,5 1100,25 1200,15 L1200,40 L0,40 Z' fill='%231b3a6e' opacity='0.85' /%3E%3C/svg%3E");background-size:600px 100%;animation:moveRight 40s linear infinite;z-index:3;bottom:0}.landscape-boat{position:absolute;bottom:45px;left:-50px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2C12 2 13 8 13 12H19L12 2ZM11 12H5L11 3V12ZM4 14H20L12 22L4 14Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.8;z-index:2;animation:sail-across 45s linear infinite}@keyframes sail-across{0%{transform:translate(0)}to{transform:translate(120vw)}}@keyframes moveRight{0%{background-position:0 0}to{background-position:1200px 0}}.section-detail{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.detail-bg-education{background:linear-gradient(135deg,#fffffff2,#f0f0fae6)}.detail-bg-views{background:linear-gradient(135deg,#87ceeb66,#ffffffb3)}.detail-bg-hobbies{background:linear-gradient(135deg,#ff450033,#ff8c0026)}.detail-bg-films{background:linear-gradient(135deg,#1e90ff40,#fff9)}.detail-bg-tech{background:linear-gradient(135deg,#8b000033,#fff9)}.detail-sidebar{width:80px;height:100%;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.home-btn{background:none;border:none;cursor:pointer;color:#000;transition:transform .2s,color .2s;padding:10px}.home-btn:hover{transform:scale(1.1);color:var(--color-maroon-light)}.sidebar-name{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font-weight:900;letter-spacing:.1em;font-size:1.2rem;text-transform:uppercase;color:#000;margin-bottom:20px;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.detail-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:0;overflow-y:auto;height:100%}.detail-title{font-size:3rem;font-weight:800;text-transform:uppercase;color:#ffffff1a;text-shadow:none;margin-bottom:20px;opacity:0;animation:fadeIn .8s ease-out forwards .3s;position:absolute;top:20px;z-index:0;pointer-events:none}.detail-subtitle{font-size:1.2rem;color:#fff6;opacity:0;animation:fadeIn .8s ease-out forwards .5s;margin-top:60px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wip-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:80vh;width:100%}.wip-banner{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:40px 60px;border-radius:20px;text-align:center;box-shadow:0 8px 32px #0003;color:#fff;max-width:600px;position:relative;overflow:hidden}.wip-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ff9800,#ff5722,#ff9800);background-size:200% 100%;animation:gradientMove 3s linear infinite}.wip-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg,#ffb74d,#ff8a65);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.wip-subtitle{font-size:1.1rem;color:#ffffffb3;font-style:italic}@keyframes gradientMove{0%{background-position:100% 0}to{background-position:-100% 0}}.films-resume-container{width:100%;padding:0;color:#e0f7fa;font-family:Space Mono,monospace}.films-resume-container .resume-wrapper{width:95%;max-width:1200px;margin:0 auto 100px;background:transparent;border:none;box-shadow:none;padding:50px;display:grid;grid-template-columns:1fr;gap:60px;align-items:start}.films-header-box,.films-section-box,.sidebar-box{padding:25px;margin-bottom:35px;border-radius:16px;box-shadow:8px 8px 16px #172e58,-8px -8px 16px #254a8c;border:none}.films-header-box{text-align:center;grid-column:1 / -1}.box-title{font-family:Shrikhand,cursive;font-size:2.5rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:35px;text-align:center;color:#1a1a1a;text-shadow:3px 3px 0px #ff4081;position:relative;padding-bottom:15px}.box-title:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#1e3c72;box-shadow:1px 1px 2px #172e58,-1px -1px 2px #254a8c;border-radius:2px}.studio-logo{max-width:120px;height:auto;margin:0 auto 20px;display:block;border-radius:50%;box-shadow:5px 5px 10px #172e58,-5px -5px 10px #254a8c;transition:transform .3s ease}.studio-logo:hover{transform:scale(1.05)}.studio-intro{background:transparent;padding:0 20px;margin-top:10px;border-radius:0;font-size:1.05rem;color:#000;line-height:1.7;font-style:italic;font-weight:600;box-shadow:none;border:none;text-shadow:1px 1px 0 rgba(255,255,255,.2)}.films-main-tagline{grid-column:1 / -1;margin:80px auto 50px;padding:60px 40px 40px;max-width:900px;text-align:center;position:relative;background-color:#fff8e1;color:#3e2723;border:4px solid #111;box-shadow:10px 10px #ff6f00;transform:rotate(-1deg)}.tagline-pin-logo{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:100px;height:auto;filter:drop-shadow(0px 5px 8px rgba(0,0,0,.5));z-index:10;transition:transform .3s ease}.tagline-pin-logo:hover{transform:translate(-50%) scale(1.1) rotate(5deg)}.tagline-title{margin:30px 0 20px;font-family:Shrikhand,cursive;font-size:2.2rem;color:#d84315;text-transform:uppercase;line-height:1.1;text-shadow:2px 2px 0px #fff}.tagline-desc{font-family:Space Mono,monospace;font-size:.95rem;font-weight:400;line-height:1.5;color:#3e2723;text-transform:none;margin:0 auto;max-width:800px}.films-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.film-card{background-color:#fff8e1;color:#111;border-radius:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;min-height:200px;display:flex;flex-direction:column;border:4px solid #111;box-shadow:8px 8px #00bcd4}.film-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #ff4081}.video-container{position:relative;padding-bottom:56.25%;height:0;background:#000;border-radius:12px 12px 0 0;overflow:hidden;border-bottom:2px solid #111}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;filter:contrast(1.1) saturate(1.3) sepia(.2);transition:filter .4s ease}.film-card:hover .video-container iframe{filter:sepia(0) contrast(1) grayscale(0)}.film-info{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;border-top:4px solid #111;background:#fff8e1}.film-info h3{font-family:Shrikhand,cursive;font-size:1.2rem;margin:0;color:#d84315;text-align:center;letter-spacing:1px;text-transform:uppercase;line-height:1.2;padding-bottom:10px;text-shadow:1px 1px 0 #fff}.film-tags-overlay{position:absolute;bottom:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none;z-index:5}.film-tag{background:#ffeb3b;color:#000;padding:4px 10px;border-radius:0;font-size:.8rem;font-weight:400;text-transform:uppercase;box-shadow:3px 3px #d500f9;border:2px solid #111;font-family:Shrikhand,cursive;letter-spacing:1px}.film-tagline{font-size:.85rem;color:#81d4fa;text-align:center;margin-top:8px}.film-desc{font-size:.95rem;color:#3e2723;text-align:center;line-height:1.5;margin-top:10px;font-family:Space Mono,monospace;font-weight:400}.film-placeholder{height:180px;background:#ffffff0d;box-shadow:inset 0 0 20px #0003;display:flex;justify-content:center;align-items:center;color:#607d8b;font-weight:600;text-transform:uppercase}.placeholder-card{opacity:.9;box-shadow:none;background:transparent}.crew-member{background:#ffffff0d;padding:20px;margin-bottom:20px;text-align:center;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000001a}.crew-avatar{width:100px;height:100px;border-radius:50%;margin-bottom:12px;object-fit:cover;background:#ffffff0d;box-shadow:0 4px 8px #0000004d;border:2px solid rgba(255,255,255,.05);transition:transform .3s ease}.crew-avatar:hover{transform:scale(1.05)}.crew-name{display:block;font-size:1.15rem;margin-bottom:8px;color:#fff}.crew-role{font-size:.9rem;color:#00d2ff;margin:0;font-weight:500}.skill-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill-tag{background:#ffffff1a;color:#e0f7fa;padding:8px 16px;border-radius:20px;font-size:.85em;font-weight:600;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;cursor:default;border:none}.skill-tag:hover{color:#00d2ff;transform:translateY(-1px);box-shadow:0 4px 8px #0003;background:#fff3}.sidebar-text{text-align:center;font-size:.95rem;color:#b0bec5;line-height:1.5}.sidebar-link{color:#00d2ff;text-decoration:none;font-weight:700;display:inline-block;padding-top:5px}.sidebar-link:hover{text-shadow:0 0 5px rgba(0,210,255,.5)}.films-sidebar{margin-top:100px}@media(max-width:1200px){.films-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.films-resume-container .resume-wrapper{grid-template-columns:1fr;padding:30px}.films-grid{grid-template-columns:1fr}}.social-links{display:flex;justify-content:center;gap:20px;margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.social-icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#b0bec5;transition:all .3s ease;box-shadow:0 2px 5px #0003}.social-icon-link:hover{color:#00d2ff;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.social-icon{width:20px;height:20px}.films-main-tagline{flex-direction:column-reverse;text-align:center;gap:30px}.films-main-tagline p:first-child{text-align:center;font-size:2rem}.tagline-logo-wrapper{margin-bottom:20px}.sidebar-box.box-black{background:#212121!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080!important}.sidebar-box .box-title{color:#fff}.sidebar-box.box-blue{background:#1e3c72!important;border:1px solid rgba(100,181,246,.2);box-shadow:0 10px 30px #00000080!important}.sidebar-box.box-blue .box-title{color:#81d4fa;border-color:#81d4fa4d}.sidebar-box.box-red{background:#7a1b1b!important;border:1px solid rgba(239,83,80,.2);box-shadow:0 10px 30px #00000080!important}.sidebar-box.box-red .box-title{color:#ff8a80;border-color:#ff8a804d}.sidebar-box.box-yellow{background:#7a661b!important;border:1px solid rgba(253,216,53,.2);box-shadow:0 10px 30px #00000080!important}.sidebar-box.box-yellow .box-title{color:#fff176;border-color:#fff1764d}.films-header-box.box-black,.films-section-box.box-blue,.films-section-box.box-red,.films-section-box.box-yellow{background:transparent!important;box-shadow:none!important;border:none!important;padding-left:0;padding-right:0}.films-section-box.box-blue .box-title{color:#1a1a1a;text-shadow:2px 2px 0px #ffcc80}.films-section-box.box-red .box-title{color:#1a1a1a;text-shadow:2px 2px 0px #80deea}.films-section-box.box-yellow .box-title{color:#1a1a1a;text-shadow:2px 2px 0px #ce93d8}.box-blue .film-card,.box-red .film-card,.box-yellow .film-card{background:#f4f1ea!important;border:4px double #111!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 20px #0000004d!important}.box-blue .film-card:hover,.box-red .film-card:hover,.box-yellow .film-card:hover{background:#f4f1ea!important;box-shadow:0 15px 30px #0006!important;transform:translateY(-5px) rotate(1deg)}.team-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:20px}.team-grid .crew-member{background:#fff8e1;border:4px solid #111;color:#111;width:250px;border-radius:0;box-shadow:10px 10px #76ff03}.team-grid .crew-name{color:#d84315;font-family:Shrikhand,cursive;letter-spacing:1px;font-size:1.4rem}.team-grid .crew-role{color:#1a237e;font-family:Space Mono,monospace;font-weight:600}.team-grid .crew-avatar{border-color:#111;background:#ccc}.films-footer{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);font-family:Courier New,monospace}.footer-links{font-size:1.1rem;font-weight:600}.footer-links a{color:#e0f7fa;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#00d2ff;text-decoration:underline}.footer-links .separator{margin:0 10px;color:#666}.floating-social-icons{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;gap:15px;z-index:100}.floating-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fffcf5;color:#1a1a1a;border-radius:50%;border:2px solid #1a1a1a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:3px 3px #1a1a1a}.floating-icon:nth-child(1){color:#1877f2}.floating-icon:nth-child(2){color:#000}.floating-icon:nth-child(3){color:#e4405f}.floating-icon:hover{transform:translate(-2px,-2px);background:#fff;border-color:#1a1a1a;box-shadow:5px 5px 0 currentColor}.floating-icon svg{width:24px;height:24px}.films-bg-collage{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;display:grid;grid-template-columns:repeat(20,1fr);gap:5px;background:#fffcf5;overflow:hidden;padding:10px;box-sizing:border-box;opacity:1}.collage-col{display:flex;flex-direction:column;gap:5px;animation:scroll-up 100s linear infinite;will-change:transform;position:relative}.collage-col.reverse{animation:scroll-down 100s linear infinite}.collage-col img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;opacity:.45;mix-blend-mode:multiply;filter:sepia(60%) contrast(110%) brightness(110%) saturate(90%);transition:all .3s ease;display:block}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.films-resume-container{position:relative;z-index:1}.tech-resume-container{width:100%;padding:0;color:#fff;font-family:Inter,sans-serif;background:transparent}.tech-resume-container .resume-wrapper{max-width:1200px;margin:0 auto 100px;background:#3e272373;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff1a;padding:50px;display:grid;grid-template-columns:3fr 1fr;gap:40px;color:#fff}.tech-resume-container .resume-header{grid-column:1 / -1;border-bottom:none;padding-bottom:20px;margin-bottom:20px;position:relative}.tech-resume-container .resume-header:after{content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,#fff0,#fff6,#fff0);margin-top:20px}.tech-resume-container .resume-header h1{font-size:2.5rem;color:#fff;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 4px 8px rgba(0,0,0,.4);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.header-linkedin{color:#fffc;display:flex;transition:all .2s ease}.header-linkedin:hover{color:#0077b5;transform:scale(1.1)}.tech-resume-container .resume-header .tagline{font-size:.9rem;color:#ffd54f;font-weight:600;margin:0 0 20px;display:flex;gap:10px;flex-wrap:wrap}.tech-resume-container .resume-header .tagline span{background:#ffd54f1a;color:#ffd54f;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,213,79,.3);text-shadow:none}.header-location{font-size:1rem;font-weight:500;color:#ffffffb3;margin-left:5px;text-transform:none;letter-spacing:.5px;margin-top:4px}.tech-resume-container .resume-header .header-email{margin-bottom:20px;font-size:.95rem}.tech-resume-container .resume-header .header-email a{color:#fff;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.5);transition:all .2s ease}.tech-resume-container .resume-header .header-email a:hover{color:#ffd54f;border-bottom-color:#ffd54f}.tech-resume-container .resume-summary{font-size:.95rem;line-height:1.6;color:#efebe9;font-style:italic;padding:20px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tech-resume-container .resume-main{position:relative}.tech-resume-container .section-title{font-size:1.4rem;color:#fff;border-bottom:none;padding-bottom:5px;margin-top:30px;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tech-resume-container .section-title:first-child{margin-top:0}.tech-resume-container .experience-item{margin-bottom:30px;padding:25px 25px 40px;border-radius:16px;background:#ffffff1a;box-shadow:0 4px 6px #0000000d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease;cursor:pointer;position:relative}.tech-resume-container .experience-item:after{content:"";position:absolute;bottom:12px;left:50%;width:8px;height:8px;border-right:2px solid rgba(255,213,79,.7);border-bottom:2px solid rgba(255,213,79,.7);transform:translate(-50%) rotate(45deg);transition:transform .3s ease}.tech-resume-container .experience-item.expanded:after{transform:translate(-50%) rotate(-135deg);bottom:15px}.tech-resume-container .experience-item.no-expand:after{display:none}.tech-resume-container .experience-item.no-expand{padding-bottom:25px;cursor:default}.tech-resume-container .experience-group{border-left:2px solid rgba(255,255,255,.15);padding-left:30px;margin-left:10px;margin-bottom:40px;position:relative}.tech-resume-container .experience-item:hover{transform:translateY(-2px);background:#ffffff26;box-shadow:0 10px 20px #0000001a;border:1px solid rgba(255,255,255,.3)}.tech-resume-container .experience-item.expanded{background:#3e2723cc;border:1px solid rgba(255,255,255,.4)}.tech-resume-container .job-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tech-resume-container .job-title{font-size:1.15rem;font-weight:700;color:#fff}.tech-resume-container .job-date{font-size:.85rem;color:#d7ccc8;font-weight:500}.tech-resume-container .job-company{font-size:.95rem;color:#ffd54f;font-weight:600;margin-bottom:15px}.tech-resume-container .job-desc{font-size:.9rem;line-height:1.6;color:#efebe9}.tech-resume-container .job-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:5px}.tech-resume-container .job-tag{background:#ffd54f26;color:#ffecb3;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid rgba(255,213,79,.3)}.tech-resume-container .project-accordion{margin-top:25px;padding-top:25px;border-top:1px dashed rgba(255,255,255,.2);animation:expandSection .4s ease-out}.tech-resume-container .accordion-title{font-size:1rem;color:#d7ccc8;margin-bottom:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.tech-resume-container .accordion-title svg{width:18px;height:18px;color:#ffd54f}.tech-resume-container .project-card{background:#0003;padding:20px;border-radius:12px;border-left:3px solid #ffd54f;box-shadow:0 4px 6px #0003;margin-bottom:20px}.tech-resume-container .project-card h3{margin:0 0 10px;color:#fff;font-size:1.05rem;font-weight:600}.tech-resume-container .project-tech{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tech-resume-container .tech-badge{background:#ffffff26;color:#fff;font-size:.7rem;padding:4px 10px;border-radius:15px;font-weight:600;border:1px solid rgba(255,255,255,.2);box-shadow:none}.tech-resume-container .project-desc{font-size:.9rem;color:#d7ccc8;line-height:1.6}@keyframes expandSection{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tech-resume-container .sidebar-section{margin-bottom:40px}.tech-resume-container .skill-tags{display:flex;flex-wrap:wrap;gap:12px}.tech-resume-container .skill-tag{background:#4e342eb3;padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:600;color:#efebe9;border:1px solid rgba(255,255,255,.1);box-shadow:0 5px 15px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.tech-resume-container .skill-tag:hover{transform:translateY(-2px);color:#fff;border:1px solid rgba(255,255,255,.3);background:#5d4037e6}.tech-resume-container .edu-item,.tech-resume-container .award-item{margin-bottom:15px}.tech-resume-container .edu-degree{font-weight:700;font-size:.95rem;color:#fff}.tech-resume-container .edu-school{font-size:.9rem;color:#ffd54f}.tech-resume-container .edu-year{font-size:.8rem;color:#d7ccc8}.tech-resume-container .award-item{font-size:.9rem;line-height:1.4;color:#efebe9}.tech-resume-container .award-item a:hover{color:#ffd54f!important}@media(max-width:768px){.tech-resume-container .resume-wrapper{grid-template-columns:1fr;padding:30px}}:root{--color-bg: #0a0a0a;--color-text: #ffffff;--color-maroon-light: #d65a5a;--color-maroon-dark: #6e1b1b;--color-blue-light: #5a9bd6;--color-blue-dark: #1b3a6e;--color-white: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#dad5d5;background-image:radial-gradient(circle at 50% 50%,transparent 100px,rgba(139,27,27,.05) 100px,rgba(139,27,27,.05) 101px,transparent 102px),radial-gradient(circle at 50% 50%,transparent 200px,rgba(139,27,27,.03) 200px,rgba(139,27,27,.03) 201px,transparent 202px),radial-gradient(circle at 50% 50%,transparent 350px,rgba(139,27,27,.02) 350px,rgba(139,27,27,.02) 351px,transparent 352px),radial-gradient(2px 2px at 15% 15%,rgba(139,0,0,.2) 1px,transparent 0),radial-gradient(2px 2px at 85% 25%,rgba(80,100,150,.2) 1px,transparent 0),radial-gradient(3px 3px at 50% 80%,rgba(139,27,27,.1) 1.5px,transparent 0),radial-gradient(circle at 0% 0%,rgba(139,27,27,.1) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,27,27,.1) 0%,transparent 50%),linear-gradient(180deg,snow,#f4eaea);background-size:100% 100%,100% 100%,100% 100%,300px 300px,350px 350px,400px 400px,100% 100%,100% 100%,100% 100%;color:#2a1a1a;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-container{width:100vw;height:100vh;overflow:hidden;position:relative}.app-slider{display:flex;width:200vw;height:100vh;transition:transform .8s cubic-bezier(.645,.045,.355,1);will-change:transform}.home-view{width:100vw;height:100vh;position:relative;flex-shrink:0;opacity:1;transition:opacity .8s ease}.detail-view{width:100vw;height:100vh;position:relative;flex-shrink:0;opacity:0;transition:opacity .8s ease}.app-slider.slide-active{transform:translate(-100vw)}.app-slider.slide-active .home-view{opacity:.3;pointer-events:none}.app-slider.slide-active .detail-view{opacity:1}